画像を解析中…
明確なキャンバス背景が見つからなかったため、SVGは変更していません。
無料・ブラウザ内で画像をベクトル化
ラスター形式のアイコンを、インターフェース、ドキュメント、デザインシステム向けの編集可能なSVG図形に変換します。このページで受け付けるのは画像ファイルで、`.ico`コンテナではありません。
PNG、JPG/JPEG、WebP、AVIF、BMP · 最大100枚 · 各5 MB
ベクトル化ツールを準備中…
ステップ2
トレース、評価、クリーンアップ、SVGの準備を自動調整します。
変換が止まったように見える場合は、このタブを画面上に最低1ピクセル表示してください。ブラウザがバックグラウンド扱いにせず、変換を続けられます。
Chromeでは、変換ツールをバックグラウンドタブにすると変換が止まります。背面ウィンドウの選択中タブにすると、処理が続くようです。
画像を解析中…
明確なキャンバス背景が見つからなかったため、SVGは変更していません。
ラスターアイコンは固定されたピクセル格子です。トレースでシルエットと色領域をパスとして再構成すると、塗りを編集したり、異なるサイズで図形を描画したりできます。
1ピクセルの揺れや、アンチエイリアスの淡い縁が、目に見える図形になることがあります。できるだけ大きく鮮明なコピーを使い、単純な記号なら白黒モードや少ない色数を比較してください。
同じデザイン体系のアイコンをまとめて処理する場合は、カラーモードと単純化を揃えます。すべての画像の処理が完了すると、一括編集でその変更を適用できます。
トレースは見えている形を再構成します。元のオブジェクトが線、テキストレイヤー、再利用可能な部品のどれだったかは分かりません。デザインシステムに追加する前にパスを確認してください。
パレットの色数は、白を含み、透明部分を除いた、見えているSVGの色で数えます。パレットや結果が1つなら追加の選択手順は省略されます。クリックすると選択を適用します。キーボードでは矢印キーで候補を強調し、Enterで確定します。「選択を変更」で比較画面を開き直せます。広いグレースケールや不透明度の領域は、1つの二値マスクにまとめず、別々の色として残ることがあります。
しきい値、平滑化、円、切り抜き、元画像と位置を合わせたズームについては、設定リファレンスをご覧ください。
最大100枚のラスターアイコンを選択またはドラッグして追加します。1ファイルあたり最大5 MBで、ブラウザ内で処理します。
Web、ロゴ、写真、Cricut、レーザーカットなどの用途を選びます。選択によって、試すトレース候補と結果のチェック方法が変わります。
選択肢が表示された場合は、カラーパレット、続いてSVGの結果を選びます。選択肢が1つならその手順は省略されます。プレビューを比較して必要な設定を調整し、SVGを1枚ずつ、または完了した分をまとめてダウンロードします。
元のビットマップをSVGに埋め込むのではなく、トレースした図形を出力します。
変換は端末上で実行します。ベクトル化のために元画像をアップロードすることはありません。
単色の画像は検証済みの6つの方法を比較します。カラー画像では最大4つの適したパレットと、それぞれ異なるSVGの候補を比較できます。写真と複雑なイラストでは専用の自動探索を行います。
対応する結果では、最初からやり直すことなく、トレースしたパレットを変更して再処理できます。
均一でつながった背景を検出し、結果を確認しながら削除できます。
複数の画像を処理し、個別または一括で調整して、完成したSVGをまとめてダウンロードできます。
本物のベクタートレース、元画像の品質、編集、ブラウザ内でのローカル処理について説明します。
上の欄に画像を追加して用途を選び、VectorizeThisが適したトレースを比較するまでお待ちください。SVGを確認してからコードをコピーするか、ダウンロードしてください。
はい。アカウントの作成や料金の支払いなしで、変換ツールを使用し、SVGをダウンロードできます。
はい。見えているピクセルの領域から再構成したSVGパスを出力します。元画像をそのまま埋め込む処理ではありません。
はい。PNGアイコンを追加すると、見えている領域をSVGパスにトレースします。透明なPNGアイコンは、多くの場合、適した元画像です。
いいえ。PNG、JPG/JPEG、WebP、AVIF、BMPのラスターアイコンを使用してください。`.ico`コンテナは対応入力に含まれません。
自動検出では、白いキャンバス上の単色画像も含め、前景色が1色なら単色トレースを使います。広いグレースケールや不透明度の領域はカラートレースで別々に残せます。対応するカラー結果では詳細設定で単色に切り替えられます。単色結果には自動または手動のしきい値があります。
輪郭の明確なロゴ、アイコン、線画、シルエット、フラットなイラストは、通常、形の整ったトレースになります。質感、ぼかした影、グラデーション、ノイズには多くのパスが必要です。
ベクトル化はブラウザ内でローカル処理します。画像が送信されるのは、フィードバックフォームに自分で添付して送信した場合だけです。
はい。使用可能な色見本で色を変えたり、SVGのマークアップをコピーしたり、ダウンロードしたパスを対応するベクター編集ソフトで開いたりできます。
単純なピクセルの記号を、Webインターフェース向けの色変更可能なパスにします。
関連する複数のラスターアイコンを処理し、一括編集で設定を揃えます。
図、ガイド、ヘルプ向けに拡大・縮小可能な画像を作成します。
17個の変換ツール
画像形式や作業内容に合う変換ツールを選べます。すべてのツールがブラウザ内で編集可能なSVGパスを作成します。
元画像を追加し、用途を選んで、生成したベクター画像を比較してからダウンロードしてください。
アイコンをSVGに変換