画像を SVG に・ビットマップをベクターへ

主な機能

使い方

1. 1
   画像を追加

   ロゴ、アイコン、線画が最適です。枠にドラッグしてください。
2. 2
   色数を決める

   画像をドロップするとエディターが開くので、メニュー「画像 > ビットマップをベクトル化…」を選びます。色数は 2 から 32。まず 8 で試し、平坦な面が少ない画像はもっと低くても構いません。
3. 3
   滑らかさを調整

   同じダイアログで 0 から 10 まで調整します。縁がギザつくなら上げ、細部が消えたら下げます。確定すると、変換したベクターレイヤーが元画像の上に重なります。
4. 4
   SVG で書き出す

   変換後も元画像は最下層に残っています——そのまま書き出すと、SVG にそのビットマップが base64 で丸ごと埋め込まれます。先に元画像のレイヤーを非表示にするか削除してから「ファイル > 書き出し形式 > SVG…」を選べば、拡大してもぼけず、どのベクターソフトでも編集できる純粋なベクター SVG になります。

よくある質問

写真を SVG に変換できますか？

技術的には可能ですが、おすすめしません。これは減色と輪郭追跡なので、写真は色の塊の集まりになり、元画像には似ず、ファイルもたいてい元より大きくなります。SVG が本当に向くのはロゴ、アイコン、線画のように色数が少なく輪郭のはっきりした画像です。

色数はいくつが適切ですか？

範囲は 2 から 32、既定は 8 です。色が多いほど元画像に近づきますが、パス数とファイルサイズも増えます。ロゴなら 4 から 8 で足ります。グラデーションの多いイラストは上げてもよいものの、グラデーションが戻ることは期待しないでください——減色はそれを階調の帯に切り分けます。

縁がギザつく、あるいは細部が消えたときは？

滑らかさを調整してください。範囲は 0 から 10 です。高いほど輪郭は整いますが、その分細部が減ります。ギザつきが目立つなら少し上げ、小さな要素が消えたら下げる——少しずつ試すのが近道です。

無料ですか？画像はアップロードされますか？

無料・登録不要・回数制限なしです。すべてご自身のブラウザ内で処理されます。ログインしていなければ画像はアップロードされず、ログインすると作品はあなた自身のクラウドの作品ライブラリに自動保存されます。