PNG → SVG 変換ツール
フラットな図版に向いています。ロゴ、アイコン、シルエット、線画など。写真には向きません。最大 10 MB、アップロードは行いません。
これは写真のようです。トレースすると図形が何千個も生成され、元より大きなファイルになり、見た目も元より悪くなります。ベクター化が役立つのは、フラットでコントラストの高い図版だけです。
図形をトレース中…
SVG が元のファイルより大きくなりました。たいていは、この画像が細かすぎてベクター化に向かないという合図です。色数を減らすか、ラスターのまま使うことをご検討ください。
ページが固まらないよう、トレース前に画像を縮小しました。ベクター出力はどの大きさでも滑らかなままなので、これが問題になることはほとんどありません。
ファイルのプライバシーを保護
トレースはすべてブラウザー内で行われます。画像がアップロードされることはないため、未公開のロゴやブランド素材も端末に留まります。
PNGからSVGへの変換について
当サイトの他の変換ツールは、同じ画素を別の入れ物に移すだけです。これは違います。画像を調べ、色の領域どうしの境界を見つけ、見えたものに近い新しい図形を描き起こします。ここでの「変換」という語はかなりの重荷を背負っています。これは描き直しであり、その一点が、あなたのファイルでうまくいくかどうかを決めます。
PNGをSVGに変換する手順
- 1 フラットな PNG をドロップします。ロゴ、アイコン、シルエット、線画などです。
- 2 残す色数を指定します。多くのロゴは 2〜6 色がもっとも良く見えます。色が増えるほど図形も増えます。
- 3 ベクター化したら、SVG をダウンロードするかコードをコピーします。ベクター編集ソフトで手直しする前提で考えてください。
フラットな図版は向く。写真は向かない。
トレースには、たどれる境界が必要です。赤い形が終わり、白い形が始まる場所のようなものです。ロゴ、アイコン、シルエット、線画にはそれが豊富にあるため、きれいにトレースできます。写真にはほとんどありません。色はどの面でも緩やかに変化するため、トレーサーはその階調を何百本もの細い帯へと刻みます。結果として、PNG より数倍大きく、開くのが遅く、まともに編集できず、元より明らかに見劣りするファイルができます。お手元の画像が写真なら、正直な答えはこうです——どのベクター化ツールも役に立ちません。
得られるのは本物の SVG です
これが重要なのは、「PNG を SVG に」と謳うツールの多くがまったく別のことをしているからです。あなたの PNG を SVG タグで包むだけなのです。拡張子は .svg になりますが、中身はベクターではありません。拡大しても滑らかにならず、色も変えられず、デザインソフトで開けばロックされた長方形がひとつあるだけです。このページから出てくるものは、実際の座標を持つ本物の path 要素でできています。看板サイズまで拡大でき、色を変えられ、ノード単位で編集できます。失われた原本の復元ではなく、あなたの PNG の近似ではありますが、正真正銘のベクターです。
きれいにトレースするコツ
手元でいちばん大きく、いちばんきれいな PNG から始めてください。ロゴのスクリーンショットには圧縮ノイズとアンチエイリアスの縁が含まれ、トレーサーはその揺らぎを忠実になぞります。元の書き出しファイルのほうがはるかにきれいにトレースできます。色数は少なく保ちましょう。ロゴなら 2〜3 色で足りることが多く、色をひとつ増やすたびに図形の層がひとつ増えます。背景が透明ではなく色で塗られている場合は先に取り除いてください。さもないと、すべての後ろに大きな長方形が残ります。最後に、結果をベクター編集ソフトで開いて余分な破片を消しましょう。使えるファイルと惜しいファイルを分けるのは、たいていこの 1 分の手直しです。