メインコンテンツまでスキップ

画像SVG変換ツール

画像をここにドラッグするか、クリックして選択
JPG, PNG, WebP ビットマップ形式に対応

使い方​

  1. 画像をアップロード: JPG、PNG、またはWebP画像をアップロードエリアにドラッグ＆ドロップします。シンプルで輪郭がはっきりした画像（ロゴ、アイコン、イラストなど）が最適です。
  2. 設定を調整:
    • 色数: 生成されるSVGで使用する色の総数を制御します。色が多いほど再現性は高くなりますが、ファイルサイズも大きくなります。
    • ぼかし半径: トレース前に画像をぼかすことで、エッジを滑らかにし、ノイズを減らすことができます。
  3. プレビュー: 設定を変更すると、右側にベクター変換の結果が自動的に再生成されます。
  4. ダウンロード: 「SVGをダウンロード」ボタンをクリックしてファイルを保存します。

利用シーン​

  • ロゴのベクター化: 低解像度のロゴを無限に拡大可能なベクターデータに変換。
  • 手描きのデジタル化: 白黒の手書きスケッチをSVGパスに変換。
  • アーティスティック効果: 写真をポスター風やポップアート風のベクターグラフィックスに変換。

技術的な仕組み​

このツールは imagetracerjs を使用してブラウザ内で処理を行います：

  1. 減色処理: 画像の色を指定された数まで減らします。
  2. エッジ検出: 色領域の境界を識別します。
  3. パス生成: 境界線をSVGのパスデータに変換します。