画像からSVGへの変換

SVGファイルを変換、最適化、編集。

画像からSVG

PNG, JPG, BMP, WEBP, ... をブラウザで直接SVGに変換。

Image

+

画像をここにドラッグ&ドロップ

またはクリックしてファイルを選択

Clustering

Layers

Curve fitting

8
6
16
8
60°
4
45°
10

Output

Pick an image to start.

概要 (TL;DR)

  • ベクトル化: ピクセル化されたロゴやスケッチを、鮮明で無限にスケーラブルなベクターに変換します。
  • ビットマップからベクターへ: 印刷、レーザーカット、レスポンシブWebデザインに最適です。
  • カラー&白黒: フルカラートレースまたはシンプルな白黒シルエットをサポートします。

ビットマップ (ラスター) vs ベクター:技術的な違い

  • ビットマップ (JPG, PNG):ピクセルでできています。ズームすると四角形が見えます。拡大するとぼやけます。
  • ベクター (SVG):数学(パス、曲線、点)でできています。ビルのサイズまで拡大しても100%鮮明なままです。

最適な用途

  1. ロゴとアイコン: 古い低解像度のJPGロゴを鮮明なSVGアセットに変換します。
  2. 印刷: Tシャツの印刷、車両のラッピング、看板にはベクターが必要です。
  3. レーザーカット / CNC: 機械がどこを切断するかを知るためにベクターパスが必要です。

自動ベクトル化の制限

ツールは高コントラストのエッジをトレースすることで機能します。

  • 得意なもの: 平らな形状、単色のロゴ、インク画、シンプルなイラスト。
  • 苦手なもの: 写真、複雑なグラデーション。(写真のベクターは抽象画のように見えます)。

よくある質問 (FAQ)

本当に無限に拡大縮小できますか?

はい。SVGファイルは形状を記述するXMLコードにすぎません。固定解像度はありません。

結果を編集できますか?

はい。結果のSVGファイルは、Adobe Illustrator、Inkscape、またはFigmaで開いて変更できます。

なぜ写真が奇妙に見えるのですか?

リアルな写真をベクトル化しようとすると、「ステンドグラス」のような効果が生じます。このツールは写真のリアリズムを維持するためのものではありません。

Frequently Asked Questions

How do I convert an image to SVG?
Upload a PNG or JPG and Favico traces it into scalable SVG vector paths, with controls for color modes, curve smoothing, and the level of detail.
What does image-to-SVG tracing do?
Tracing, also called vectorization, redraws a raster image as vector shapes so the result scales to any size without blurring — ideal for logos and icons.
When should I use SVG instead of PNG?
Use SVG for logos, icons, and line art that must stay sharp at any size. Raster formats like PNG or JPG are better for photographs.
Is the image-to-SVG vectorizer free?
Yes, it is free and runs in your browser.
enesvizharptrujadefrkoittrplnlidthhi