PNG SVG 変換
PNGをトレースしてSVGに、ロゴやフラットな図に最適。
ブラウザ内で動作します。ファイルが端末から出ることはありません。
- ロゴ・イラスト・写真プリセット
- 色数と精細さを調整可能
- アップロードなし
PNGをSVGに変換する方法
- ここにPNGファイルをドロップします。
- プリセットを選び、色数と精細さを微調整します。
- SVGファイルをダウンロードします。
プリセットの比較
| プリセット | 色数 | スタイル | 向いている用途 |
|---|---|---|---|
| ロゴ | 5 | 強い簡略化 | シンプルなロゴ、アイコン |
| イラスト | 16 | バランス型 | フラットなイラスト、クリップアート |
| 写真 | 32 | 柔らかいふち | 写真、ただし大きく複雑なファイルになる |
色数と精細さのスライダー
色数は、トレースした図形が使う塗りの色数を2から64まで設定します。精細さは、トレースしたパスが元のふちにどれだけ忠実に沿うかを、非常に簡略化された形の1から、最も近い一致になる10まで調整しますが、その分SVGファイルは大きく複雑になります。
トレースに向いている元画像とは
- ロゴやアイコンのような単色でふちのはっきりした画像は、小さくきれいなSVGになります。
- 写真やグラデーションは、なめらかな色の変化を近似しようとして大量の図形になり、元よりはるかに大きいファイルになります。
- 被写体と背景のコントラストが高いほど、解像度そのものより結果が良くなります。
PNG→SVGのFAQ
どんな画像がきれいにトレースできますか？
ロゴ、アイコン、ふちのはっきりしたフラットなイラストは、小さくきれいなSVGになります。写真ははるかに大きく複雑なファイルになります。
トレースしたSVGで細部が失われるのはなぜですか？
トレースは塗りつぶした図形から画像を再構築するため、細かいグラデーションや写真のような細部は簡略化されます。色数と精細さのスライダーを上げるとより近づきますが、ファイルは大きくなります。
後からSVGを編集できますか？
はい。出力はパスで構成された通常のSVGなので、Illustrator、Inkscape、Figmaなど、どのベクター編集ソフトでも開いて編集できます。
ファイルはアップロードされますか？
いいえ。トレースはブラウザ内で行われるため、ファイルが端末から出ることはありません。
トレースしたSVGはPNGとまったく同じに見えますか？
いいえ。トレースは塗りつぶしたベクター図形から画像を再構築するため、精細さを最大にしても細かい部分やなめらかなグラデーションはある程度簡略化されます。
PNGではなくSVGにしたい理由は何ですか？
SVGはピクセルの格子ではなく数式で描かれるため、どんなサイズに拡大してもぼやけたりギザギザになったりせず、シンプルなロゴならファイルサイズもはるかに小さくなることが多いためです。
元のPNGにサイズの上限はありますか？
非常に大きな画像は、トレース前に自動で作業用の上限サイズまで縮小されます。巨大な写真をピクセル単位でトレースすると遅くなり、過剰に複雑なSVGになってしまうためです。