ファイルはブラウザのローカルで処理され、アップロードされません

PNG を SVG に変換

PNG画像をベクター化してSVGに変換します。注意:これはベクター化処理であり、単純な形式変換ではありません。シンプルなLogo、アイコン、線画で最良の結果が得られます。

◈

をクリック、またはファイルをここにドラッグ

.png,image/png 対応 · 複数選択可 · ファイルはブラウザのローカルで処理され、アップロードされません

モード
カラー:元画像の色を保持
グレースケール:色を除去し、白黒グレーのみ
白黒:純黒と純白のみ
色数
小さく:色が少なく、画面がシンプル
大きく:より多くの色の階調を保持
ディテール
小さく:輪郭がシンプルで滑らかに
大きく:より多くの輪郭とテクスチャを保持
スムーズ
小さく:エッジがシャープに
大きく:エッジが滑らかで影がまとまる
PNG を SVG に変換するのは「ベクター化」処理であり、通常のフォーマット変換とはまったく異なります。本ガイドでは、その仕組み、適した用途、そして複雑な写真が向かない理由を説明します。

ベクター化とは?フォーマット変換と何が違う?

通常のフォーマット変換(例:PNG → JPG)は保存形式を変えるだけで、ピクセルは変わりません。

ベクター化は、アルゴリズムが画像の形状と色を解析し、ピクセルをパス(曲線や塗りつぶし領域)の集合として再記述します。これは「再構築」であり、結果は元画像と完全には一致しません。

どんな画像がベクター化に向いている?

輪郭がはっきりしていて色が単純な図形が最も効果的です:Logo、アイコン、文字、線画、QRコード、印鑑など。

こうした画像はベクター化すれば無限に拡大してもぼやけず、ベクター画像として編集もできるため、ベクター化が最も価値を発揮する場面です。

なぜ複雑な写真は向かないの?

写真には大量のグラデーションや細かいテクスチャが含まれ、ベクター化アルゴリズムは近似でしか表現できません。結果はひどく歪むか、膨大な数のパスが生成されるかのどちらかです。

写真をベクター化した SVG は元画像よりはるかに大きくなることがあり、拡大しても色ブロックの継ぎ接ぎにしか見えず、得策ではありません。写真系はビットマップ形式のまま使いましょう。

白黒・グレースケール・カラーモードの選び方は?

白黒:黒と白の2色のみ。文字、印鑑、モノクロアイコンに適し、ファイルが最も小さくなります。

グレースケール:明暗で階層化。グレーを含む線画やスケッチに適し、ファイルサイズは中程度です。

カラー:色数で階層化。カラーの Logo やアイコンに適します。色数が少ないほどファイルは小さくなりますが、色が少なすぎると歪みが出やすくなります。

色数・詳細・スムージングとは?

色数:カラーモードで許容される色の種類数。多いほど再現度が上がり、ファイルも大きくなります。

詳細:パスの精細さを制御。高いほど元画像に近づきますが、パスも増えます。

スムージング:パスを滑らかに処理。高いほど柔らかくなりますが、鋭いエッジが失われることがあります。デフォルト値から微調整するのがおすすめです。

よくある質問

PNG から SVG への変換は元画像とまったく同じになりますか?
なりません。ベクター化は図形を描き直す処理で、結果は近似であり元画像と同等ではありません。単純な図形が最も近く、写真系は差が目立ちます。
ベクター化した SVG は無限に拡大できますか?
できます。SVG はパスで構成されるため、拡大してもぼやけません。これこそベクター化の最大の価値です。
写真を SVG に変換できますか?
変換は可能ですが、通常は効果が良くありません。ファイルが大きくなり歪みも目立ちます。Logo、アイコン、線画などの単純な図形に限定して使うことをおすすめします。
画像はサーバーにアップロードされますか?
されません。ベクター化処理はすべてブラウザ内でローカルに実行されます。
色数はどのくらいに設定すればいい?
Logo などの単純な図形なら 8–16 で十分なことが多いです。色数が多いほどファイルは大きくなります。デフォルト値から始めて、結果を見ながら微調整してください。
一括ベクター化は対応していますか?
対応しています。複数ファイルを一度に選択して一括処理でき、ZIP にまとめてダウンロードできます。