PNGをSVGに変換
画像を読み込み、色ごとの輪郭をベクターパスに変換します。ロゴやアイコン、シンプルなイラストに向いています。
使い方
- PNG画像を選択するか、変換エリアにドラッグ＆ドロップします。
- プレビューを確認し、必要な場合だけ色数・精度・滑らかさを調整します。
- 「SVGへ変換」を押し、変換後の輪郭や色を確認します。
- SVGファイルをダウンロードするか、インラインSVGコードをコピーします。
PNGとSVGの違い
PNGは、色のついた小さな点（ピクセル）の集まりで画像を表す形式です。写真や透過を含む画像に適していますが、大きく拡大すると輪郭が粗く見えることがあります。
SVGは、線や曲線、色などを数値で表すベクター形式です。拡大・縮小しても輪郭がぼやけにくく、Webサイトのロゴやアイコンによく使われます。
どんな画像に向いているか
- ロゴマークやロゴタイプ
- 単純な形のアイコン
- 色数の少ないイラスト
- 単色に近い図形やシルエット
色の変化や細かな模様が多い写真は、パス数とファイル容量が大きくなりやすいため、PNGのまま使う方が適している場合があります。
よくある質問
PNGをSVGにすると画質は良くなりますか？
元のPNGになかった細部が復元されるわけではありません。輪郭をベクター化するため、ロゴやアイコンは拡大しても輪郭がなめらかに表示されやすくなります。
写真もSVGにできますか？
変換はできますが、色や輪郭が多い写真はSVGが複雑になり、元のPNGより容量が大きくなることがあります。まずは色数を4色か8色にしてお試しください。
画像はサーバーへ送信されますか？
送信されません。画像の読み込み、減色、輪郭抽出、SVG生成はすべてお使いのブラウザ内で行われます。
スマートフォンでも使えますか？
はい。スマートフォンやタブレットのブラウザでPNGを選択し、変換・保存できます。画像が大きいと変換に時間がかかる場合があります。
作成したSVGはWebサイトで使えますか？
はい。SVGファイルを<img>要素で読み込むか、生成したインラインSVGコードをHTMLに貼り付けて使えます。元画像の著作権や利用条件は別途ご確認ください。