無料・ブラウザ内で画像をベクトル化

アイコンをSVGに変換

ラスター形式のアイコンを、インターフェース、ドキュメント、デザインシステム向けの編集可能なSVG図形に変換します。このページで受け付けるのは画像ファイルで、`.ico`コンテナではありません。

ここに画像をドラッグ

PNG、JPG/JPEG、WebP、AVIF、BMP · 最大100枚 · 各5 MB

SVG結果を選択

SVG結果を比較し、好みのものを選択してください。

アイコンをSVGに変換すると何が変わりますか?

ラスターアイコンは固定されたピクセル格子です。トレースでシルエットと色領域をパスとして再構成すると、塗りを編集したり、異なるサイズで図形を描画したりできます。

小さなアイコンではトレースの乱れが目立つ

1ピクセルの揺れや、アンチエイリアスの淡い縁が、目に見える図形になることがあります。できるだけ大きく鮮明なコピーを使い、単純な記号なら白黒モードや少ない色数を比較してください。

アイコンセットは選択を揃える

同じデザイン体系のアイコンをまとめて処理する場合は、カラーモードと単純化を揃えます。すべての画像の処理が完了すると、一括編集でその変更を適用できます。

SVGにしても意味のあるレイヤーは復元できない

トレースは見えている形を再構成します。元のオブジェクトが線、テキストレイヤー、再利用可能な部品のどれだったかは分かりません。デザインシステムに追加する前にパスを確認してください。

画像に合う色とSVGを選ぶ

パレットの色数は、白を含み、透明部分を除いた、見えているSVGの色で数えます。パレットや結果が1つなら追加の選択手順は省略されます。クリックすると選択を適用します。キーボードでは矢印キーで候補を強調し、Enterで確定します。「選択を変更」で比較画面を開き直せます。広いグレースケールや不透明度の領域は、1つの二値マスクにまとめず、別々の色として残ることがあります。

しきい値、平滑化、円、切り抜き、元画像と位置を合わせたズームについては、設定リファレンスをご覧ください。

アイコンをSVGに変換する手順

  1. 1

    ラスター形式のアイコン画像を追加する

    最大100枚のラスターアイコンを選択またはドラッグして追加します。1ファイルあたり最大5 MBで、ブラウザ内で処理します。

  2. 2

    ベクター画像の用途を選ぶ

    Web、ロゴ、写真、Cricut、レーザーカットなどの用途を選びます。選択によって、試すトレース候補と結果のチェック方法が変わります。

  3. 3

    SVGを確認してダウンロードする

    選択肢が表示された場合は、カラーパレット、続いてSVGの結果を選びます。選択肢が1つならその手順は省略されます。プレビューを比較して必要な設定を調整し、SVGを1枚ずつ、または完了した分をまとめてダウンロードします。

アイコンをSVGに変換するVectorizeThisの特徴

本物のSVGパス

元のビットマップをSVGに埋め込むのではなく、トレースした図形を出力します。

ブラウザ内でローカル処理

変換は端末上で実行します。ベクトル化のために元画像をアップロードすることはありません。

複数の候補を比較

単色の画像は検証済みの6つの方法を比較します。カラー画像では最大4つの適したパレットと、それぞれ異なるSVGの候補を比較できます。写真と複雑なイラストでは専用の自動探索を行います。

編集可能な色の設定

対応する結果では、最初からやり直すことなく、トレースしたパレットを変更して再処理できます。

背景の処理

均一でつながった背景を検出し、結果を確認しながら削除できます。

一括処理

複数の画像を処理し、個別または一括で調整して、完成したSVGをまとめてダウンロードできます。

アイコンをSVGに変換する際のよくある質問

本物のベクタートレース、元画像の品質、編集、ブラウザ内でのローカル処理について説明します。

アイコンをSVGに変換するには?

上の欄に画像を追加して用途を選び、VectorizeThisが適したトレースを比較するまでお待ちください。SVGを確認してからコードをコピーするか、ダウンロードしてください。

アイコンをSVGに変換するのは無料ですか?

はい。アカウントの作成や料金の支払いなしで、変換ツールを使用し、SVGをダウンロードできます。

出力には本物のベクターパスが含まれますか?

はい。見えているピクセルの領域から再構成したSVGパスを出力します。元画像をそのまま埋め込む処理ではありません。

PNGアイコンをSVGに変換できますか?

はい。PNGアイコンを追加すると、見えている領域をSVGパスにトレースします。透明なPNGアイコンは、多くの場合、適した元画像です。

ICOファイルも使えますか?

いいえ。PNG、JPG/JPEG、WebP、AVIF、BMPのラスターアイコンを使用してください。`.ico`コンテナは対応入力に含まれません。

単色アイコンにはどのカラーモードが適していますか?

自動検出では、白いキャンバス上の単色画像も含め、前景色が1色なら単色トレースを使います。広いグレースケールや不透明度の領域はカラートレースで別々に残せます。対応するカラー結果では詳細設定で単色に切り替えられます。単色結果には自動または手動のしきい値があります。

どのような画像なら整ったベクター画像になりますか?

輪郭の明確なロゴ、アイコン、線画、シルエット、フラットなイラストは、通常、形の整ったトレースになります。質感、ぼかした影、グラデーション、ノイズには多くのパスが必要です。

元画像がブラウザの外へ送られますか?

ベクトル化はブラウザ内でローカル処理します。画像が送信されるのは、フィードバックフォームに自分で添付して送信した場合だけです。

変換後のSVGを編集できますか?

はい。使用可能な色見本で色を変えたり、SVGのマークアップをコピーしたり、ダウンロードしたパスを対応するベクター編集ソフトで開いたりできます。

この変換ツールの活用例

インターフェース用の記号

単純なピクセルの記号を、Webインターフェース向けの色変更可能なパスにします。

アイコンセット

関連する複数のラスターアイコンを処理し、一括編集で設定を揃えます。

ドキュメント用のシンボル

図、ガイド、ヘルプ向けに拡大・縮小可能な画像を作成します。

関連するベクトル化ガイド

アイコンをSVGに変換

元画像を追加し、用途を選んで、生成したベクター画像を比較してからダウンロードしてください。

アイコンをSVGに変換