画像を SVG に

無料のオンラインベクタライザーで画像を SVG に変換

PNG、JPG、WebP、GIF、BMP、AVIF、または TIFF イメージをスケーラブルな SVG パスに変換します。カラーまたは白黒のトレースを選択し、詳細レベルを調整して、最大 40 個のファイルを一度に処理します。画像がブラウザから離れることはありません。

ここにファイルをドロップ

新規ファイルの既定値を編集しています

プリセット

カラーモードカラー白黒

プレビュー

元画像を表示

プレビューはありません。ファイルを追加して選択すると結果が表示されます。

ファイルがありません。上にドロップするか、「ファイルを選択」を押してください。

SVG とは

SVG（Scalable Vector Graphics）は XML をもとにしたベクター画像形式です。ピクセルではなく、図形、パス、塗り、線を数式で表すため、どんなサイズで描画しても品質が落ちません。

SVGはWeb標準のベクター形式です。すべての最新ブラウザでネイティブに表示でき、CSSでの装飾やJavaScript、SMILによるアニメーションにも対応します。ロゴ、アイコン、イラストでは軽量になりやすい一方、複雑なSVGはファイルサイズが大きくなる場合があります。

対応する入力形式

ベクター化エンジンは PNG、JPG、WebP、GIF、BMP、AVIF、TIFF に対応しています。アニメーション GIF は最初のフレームだけをトレースします。

画像を SVG に変換するのはどんなとき

ラスターイメージをベクトル化すると、解像度に依存しないファイルが得られ、拡大縮小、色の変更、編集が可能になります。このラスターからベクターへのコンバーターは、印刷解像度のロゴ、レーザー切断や刺繍用のきれいな線画、またはラスターソースからのスケーラブルなイラストが必要な場合に、PNG、JPG、WebP、またはその他の画像を SVG に変換します。単色のロゴ、アイコン、線画は最もきれいなパスを生成します。複雑な写真もトレースできますが、結果はより様式化され、元の画像よりも大きくなる場合があります。

元の形式を選ぶ

PNG、JPG、WebP、GIF、BMP、AVIF、TIFF はいずれもベクター化できますが、元画像の質が結果を左右します。きれいな元画像ほど小さく整った SVG になります。

	PNG	JPG	WebP
一般的な元画像のサイズ	さまざまです。ロスレスソース	さまざまです。損失のあるソース	さまざまです。損失のあるソースまたは損失のないソース
ベクター化に向く対象	平坦な色のロゴ、アイコン、イラスト	JPG で保存されたグラフィックやスキャン	ロゴやアイコン、特に透過 WebP
注意点	写真調の PNG は大きくてポスター調の SVG に	圧縮ノイズもトレース対象。できるだけ高品質な JPG から	非可逆 WebP のにじみが余分な色領域に。グラデーション段階を上げる

画像を SVG にオンラインで変換する方法

1
ファイルをドロップするか「ファイルを選択」を押してキューに追加します。一度に最大 40 件です。
2
出力設定（サイズ、DPI、背景、品質、トレースの細かさ）を指定すると、プレビューがその場で更新されます。
3
「すべて保存」を押すと結果をダウンロードできます。キューに複数ある場合は 1 つの ZIP になります。

プライバシー：ファイルはブラウザから出ません

変換は、JavaScript および WebAssembly を使用してブラウザーでローカルに実行されます。ファイルのアップロードやサーバー側の変換がないため、追加したファイルはデバイス上に残ります。

ローカル処理は、機密ロゴ、内部文書、未公開のクライアントアートワークを保護するのに役立ちます。ページと変換コードは使用中にキャッシュされるため、すでに開いているツールはネットワーク接続がなくても引き続き動作できます。

よくある質問

どの画像形式をベクター化できますか？

PNG、JPG、WebP、GIF、BMP、AVIF、TIFF です。1 回に最大 40 件をドロップでき、トレースした SVG は 1 件ずつでも、まとめて 1 つの ZIP でもダウンロードできます。アニメーション GIF は最初のフレームだけをトレースします。

写真もトレースできますか？

実行はできますが、写真は大きくてポスター調の SVG になり、元のファイルより大きくなることもあります。平坦な色と鮮明な輪郭を持つロゴ、アイコン、線画のほうがはるかにきれいにトレースできます。写真をトレースする場合は、ノイズ除去を強め、色の精度を下げると結果を扱いやすく保てます。

透過背景はトレース後も残りますか？

PNG、WebP、または AVIF 入力の透明領域は、トレースされた SVG では透明なままですが、柔らかい半透明のエッジは単純化される場合があります。 JPG にはアルファチャネルがないため、背景が画像の一部としてトレースされる可能性があります。白黒のしきい値と色の設定は、被写体を区別するのに役立ちます。

アニメーション GIF を SVG に変換できますか？

最初のフレームだけが使われます。出力は 1 枚の静止した SVG です。

出力される SVG ファイルを小さくするにはどうすればよいですか？

まず「軽量」プリセットを試してください。パスの形式をポリゴン（曲線ではなく直線）に切り替え、ノイズ除去を強め、色の精度を下げて出力される色レイヤーを減らします。そこからグラデーション段階を上げて近い色をまとめ、最大セグメント長を増やして短いセグメントを長いものにまとめられます。トレードオフとして、色の精度が高くパスがスプライン、ノイズ除去が弱い設定は元に最も忠実ですが、ファイルは最も大きくなります。

形をもっと単純にしたり、細部を減らしたりできますか？

「形状を簡略化」プリセットをお試しください。角のしきい値を上げて検出される角を減らし（曲線がなめらかになります）、最大セグメント長を増やして小さなパスをまとめ、接合のしきい値を上げて曲線をより積極的にまとめます。ノイズ除去を強めると、トレース前に細かな点も取り除けます。元に近づけたい場合は、これらのしきい値を下げ、色の精度を高くしたカラーモードを使い、ノイズ除去を弱めてください。細部は残りますが、SVG は大きくなります。