画像をSVG(ベクター画像)に変換します。ロゴやアイコンなど、輪郭がはっきりしたシンプルな画像のベクター化に向いています。写真の変換には対応していません。
画像はサーバーに送信されません(ブラウザ内で処理)
使い方
- ベクター化したい画像を選びます(ロゴやアイコンなど、輪郭のはっきりした画像がおすすめです)。
- スタイルと色数を選びます。
- 「SVGに変換」を押すと、元の画像と変換後のSVGが並んで表示されます。
- 「SVGをダウンロード」で保存します。
写真よりロゴ・イラスト向きな理由
SVGは「色の境界線を線・図形として記録する」形式です。このツールは、画像の色を指定した数に減らしたうえで、同じ色の領域の輪郭を線でなぞってSVG化しています。ロゴやアイコンのように色数が少なく輪郭がはっきりした画像は少ないパスできれいに再現できますが、写真のように色が連続的でグラデーションの多い画像は、輪郭線だらけの粗いSVGになりやすく、あまり向いていません。
SVGにする最大の利点は、どれだけ拡大してもギザギザにならないことです。ロゴを名刺サイズから看板サイズまで、同じファイルで使い回せます。
設定の目安
| 設定 | 向いている画像 |
| 色数を絞る(ポスター風) | 単色に近いロゴ、シンプルな図形 |
| 曲線を滑らかに | 丸みのあるロゴやイラスト |
| 輪郭をくっきり | 直線的なアイコン、幾何学的な図形 |
| 細部まで精密に | やや複雑なイラスト(ファイルサイズは大きくなりがち) |
よくある質問
画像がサーバーにアップロードされることはありますか?
ありません。変換処理はすべてブラウザ内で完結します。
写真も変換できますか?
技術的には変換できますが、写真は色が連続的でグラデーションが多いため、細かい輪郭線だらけの見た目になりやすく、あまりきれいには仕上がりません。ロゴやアイコン、色数の少ないイラストでの利用をおすすめします。
変換結果がガタガタ・粗く見えます。
色数を減らす、「輪郭をくっきり」のスタイルを試す、といった調整で改善することがあります。逆に細部を残したい場合は「細部まで精密に」を選び、色数を増やしてみてください。
Illustratorなどの専門ソフトの自動トレース機能とは違いますか?
考え方は近いですが、専門ソフトほど高度な調整はできません。手軽にブラウザだけでベクター化したい場合の簡易ツールとしてご利用ください。