画像をSVGに変換
ビットマップ画像を色の量子化で本物のベクター SVG に変換。ロゴやアイコン、線画に最適で、写真は正確な再現ではなく様式化された仕上がりになります。
ここに画像ファイルをドロップ
またはクリックしてファイルを選択
ビットマップ画像の色を平坦な領域に量子化し、本物のベクターSVGとしてトレースします。出力は実際のベクターパスなので、ピクセルの粗さなしに任意のサイズへ拡大でき、ピクセルではなく図形として編集できます。
少ない色数と明確な輪郭を持つアートワーク、つまりロゴ、アイコン、線画、スタンプ、単純なイラストに最も向いています。写真をこの方法でトレースすると、限られたパレットの様式化されたポスター風の画像になります。効果として面白いこともありますが、写真の忠実な複製にはなりません。
画像をSVGに変換する方法（ベクター化）
PNGまたはJPG画像を選択します
色数とディテールのレベルを設定します
トレースされたSVGをダウンロードします
よくある質問
写真もきれいなベクターになりますか？
いいえ。トレースは画像を限られた数の平坦な色に減らすため、写真は色の帯が見える様式化された仕上がりになります。写真はラスターのままにしておき、ロゴやアイコンにはトレースが非常に効果的です。
色数はどのくらいにすればよいですか？
ロゴや線画なら4〜8色と少なめから始めてください。色を増やすと元の画像に近づきますが、SVGははるかに大きくなり、管理するパスも増えます。
ディテールの設定は何を変えますか？
細かい形をどこまで残すかを決めます。ディテールを上げると細い線や点が保たれますが、ファイルサイズが増え、粒状の多いスキャンでは結果がざらついて見えることがあります。
結果を編集できますか？
はい。SVGには実際のパスが入っているため、Illustrator、Inkscape、Figmaで開き、個々の図形を移動したり色を変えたり削除したりできます。
SVGが元の画像より大きいのはなぜですか？
ベクター化はすべての境界をパスデータとして保存するため、複雑な画像では圧縮されたJPEGより大きくなることがあります。単純なロゴは通常、同等の高解像度PNGより小さくなります。
画像はアップロードされますか？
いいえ。トレースはすべてブラウザ内で実行されます。
概要
| 入力 | 画像 |
|---|---|
| 複数ファイル | いいえ |
| 実行場所 | ブラウザ内で実行 - ファイルはアップロードされません |
| オフラインでも動作 | はい — ページを読み込んだ後 |
| 料金 | 無料・登録不要・透かしなし |
トレースした写真が違って見える理由
トレースは連続的な階調を、曲線で区切られた限られた数の平坦な色に置き換えます。そのため写真は、複製というよりスクリーン印刷や塗り絵のような見た目になります。これは不具合ではなく、ベクター化とはそういうものです。元の画像が単純なとき、結果は劇的によくなります。色が少なく、輪郭がはっきりし、背景がきれいで、グラデーションやノイズがない場合です。トレース風の見た目が欲しいなら、素材はグラフィックから始めてください。ファイルサイズを小さくした写真が欲しいなら、代わりにJPGやWebPを使ってください。トレースすると見た目が崩れるうえ、ファイルがかえって大きくなることが多いためです。
ベクターとラスターは別種のファイル
SVGは図形を座標と曲線として保存するため、どれだけ拡大しても鮮明さを失わず、通常は小さなままです。だからロゴ、アイコン、図にはSVGが向いています。JPGやPNGはピクセルの格子を保存するもので、写真とはまさにそういうものです。ベクターからラスターへの変換は一般的で、十分に高い解像度で書き出せば見た目は劣化しません。ラスターからベクターへの変換はまったく別の操作です。ピクセルから図形を推定するもので、平坦なロゴや線画のスキャンでは見事に機能し、写真ではポスター風の様式化された結果になります。どちらの方向へ進んでいるのかを知っていれば、何が得られるかがわかります。