ジェネレーター・ユーティリティ
画像を SVG に変換（オンラインベクター化）
ロゴ、アイコン、サイン、シンプルなイラストを選び、白黒かカラーかを選択します。輪郭がベクター曲線にトレースされ、拡大してもくっきりしたまま。SVG ファイルはすぐにダウンロードできます。
無料
登録不要
端末内で処理
画像はすべてブラウザ内で処理され、SoftwareHub のサーバーには送信されません。自動トレースは色の面がはっきりした画像に最適です。グラデーションの多い写真はポスター風になります。
画像を SVG に変換するしくみ
画像は選んだ細かさで描き直されます。白黒モードでは各ピクセルに明暗から「インク」の値を与え、しきい値付近の輪郭をサブピクセル精度でトレースします。カラーモードでは画像の色をいくつかの主要色にまとめ、1 ピクセルのノイズを取り除いてから、色ごとにレイヤーとしてトレースします。面積の最も大きい色を一番下に重ねるので、色の境目に白いすき間ができません。
トレースした線は簡略化されてベジェ曲線になり、鋭い角はとがったまま残ります。結果は色ごとに一つのパスで、evenodd の塗りルールを使うため、O や A などの文字の穴も開いたままです。
白黒 SVG は 画像からキーホルダー や クッキー型メーカー でそのまま 3D プリントに使えます。背景がごちゃごちゃした画像は、先に 背景透過 で背景を消してからトレースしましょう。
入力
PNG・JPG・WebP・SVG
選択、ドラッグ、貼り付けで読み込み。
モード 1
白黒
一つの形、好きな色、しきい値は自動。
モード 2
カラー
2〜16 色、背景を消すことも可能。
出力
SVG ファイル
ダウンロードまたはコードをコピー。
きれいな SVG にするコツ
- できるだけ大きな画像から始める。100 ピクセルのロゴは角が丸くなりがちですが、1000 ピクセルならずっとシャープです。
- サインや印鑑は白黒モードで。白い紙に書いたサインを撮影し、出力の色に青か黒を選びます。
- 変なまだら模様が出たら色数を減らす。影や薄いグラデーションが不要な色になりがちです。
- 点の数を確認する。数万点の SVG はデザインソフトやカッティングマシンで重くなります。なめらかさを上げるか細かさを下げましょう。
よくある質問
いいえ。トレースはあなたの端末のブラウザ上で JavaScript により行われます。画像が SoftwareHub や第三者に送られることはないので、会社のロゴやサインにも安心して使えます。
白黒モードは画像の暗い（または明るい）部分から一つの形を取り出し、選んだ一色で保存します。単色のロゴ、アイコン、印鑑、サインに向いています。カラーモードは画像を 2〜16 色に減らし、色ごとに一つのレイヤーを作るので、カラーのロゴもそのまま残せます。
SVG はピクセルではなく形と線を保存します。グラデーションの多い写真は何色かのベタ塗りに減らす必要があるため、ポスター風のイラストになります。写真なら 8〜16 色と高い細かさを試してください。ロゴやフラットなイラストが最もきれいに仕上がります。
できるだけ大きく、輪郭のはっきりした画像を使いましょう。「なめらかさ」を上げると線がなめらかに、角が丸くなりすぎたら下げてください。「ゴミ取り」を上げるとスキャンの小さな汚れを消せます。白黒モードでは、必要な部分が入るまでしきい値を動かします。
使えます。ファイルは閉じた塗りのパスでできているので、Inkscape、Illustrator、Figma、Cricut Design Space、Silhouette Studio で開けます。3D プリントには、白黒 SVG を当サイトの画像からキーホルダーやクッキー型メーカーに読み込んでください。
PNG、JPG、WebP、GIF、BMP、SVG です。ファイルを選ぶ、枠にドラッグする、または貼り付け（Ctrl+V）で読み込めます。大きな画像はトレース前に長辺 1400 ピクセルまで自動で縮小されます。
アプリとしてインストールすれば使えます。最初の SVG をダウンロードまたはコピーするとインストールボタンが表示され、その後は接続なしで開けます。