画像をSVGに変換
画像をアップロードするだけで、本物のベクターパスでできたSVGが手に入ります。画像をSVGの枠に埋め込んだだけのファイルではないため、どのサイズにも拡大でき、IllustratorやInkscapeで編集でき、Cricutでもきれいにカットできます。
画像をSVGに変換
またはJPG, JPEG, JFIF … ファイルをここにドロップ ·
1ファイルあたり最大95 MB· 最大20ファイルまで· 30分後に削除
ファイルは当社のサーバーで処理され、30分後に削除されます。
高くすると小さな点や細かなテクスチャが残ります。低くすると数ピクセル未満の図形を除いてノイズを取り除きます。
高くすると、低解像度やJPG入力で生じたギザギザの輪郭が丸くなります。低くすると鋭い角が保たれます。
ほとんどの画像には滑らかな曲線、幾何学的なロゴには直線、ドット絵のカクカクした形を残すにはピクセルの縁を選びます。
PDFを入力した場合のみ使用します。変換するページを指定します（例：1 または 1-3, 5）。各ページが別々のファイルになります。
このツールの使い方
- 1
画像をアップロード
JPG、PNG、WebP、AVIF、HEIC、GIF、BMP、TIFFに対応しています。1ファイル95 MBまで、最大20ファイルを選べます。PDFも使えます。ページはPDFのページで選んでください。
- 2
色数と背景を設定
色数は10から始まり、背景を削除がオンになっています。ほとんどのロゴやアイコンに向いた設定です。署名や線画の場合は、カラーモードを白黒に切り替えてください。
- 3
「ベクター化」を押す
SVGファイルまたはZIPをダウンロードします。アップロードしたファイルは30分後に削除されます。
imgをSVGに正しく変換するには?
トレースします。このツールは画像の輪郭や色の領域を見つけ、ベクターパスとして描き直すので、SVGはぼやけずに拡大縮小できます。ファイル名を.svgに変えたり、JPGをSVGの中に埋め込んだりしても、ベクターの図形はできません。
埋め込みではなくトレースで画像をSVGに変換
SVGは2001年にW3C勧告となった、図形を表すテキスト形式です。パス、塗り、線を座標で記述します。JPGやPNGはその逆で、色のついたピクセルを格子状に並べたものです。一方を他方に正しく変換するにはトレースが必要です。ピクセルを似た色の領域にまとめ、その縁に沿って曲線を当てはめます。
この工程を省き、ビットマップをSVGファイルの中に埋め込むだけの変換ツールもあります。拡張子は正しくても、拡大するとぼやけ、編集も切り抜きもできません。UltKitの汎用画像変換でSVG出力を選ぶと、まさにこの埋め込みになります。拡張子だけ必要なページテンプレートならそれで十分です。ロゴ、アイコン、スタンプ、イラストでは本物の図形が必要で、このトレースツールが作るのはそれです。
画像SVG変換の仕上がりを左右する設定
- カラーモードと色数
- カラーは、2〜64色の範囲で色の領域をそれぞれ別の図形としてトレースします。グレースケールは灰色の階調で同じ処理を行い、白黒は1つのしきい値で判定します。
- 精細さとスムージング
- 精細さは、どれくらい小さな点まで残すかを決めます。スムージングは、JPG圧縮や低解像度で生じたギザギザの縁を丸めます。
- 曲線
- ほとんどの作品には滑らかな曲線、幾何学的なロゴには直線、ドット絵をあえてブロック状のまま残すにはピクセルの縁を選びます。
- 背景を削除と輪郭線のみ
- 背景を削除は、端に接する大きな図形を取り除き、ロゴが透明な背景に浮かぶようにします。輪郭線のみは、機械用の切り取りパスを書き出します。
SVG・EPS・DXFに変換できる画像ファイル
| from ↓ · to → | SVG | EPS | DXF | AI | |
|---|---|---|---|---|---|
| JPG | JPG to SVG: yes | JPG to EPS: yes | JPG to PDF: yes | JPG to DXF: yes | JPG to AI: yes |
| PNG | PNG to SVG: yes | PNG to EPS: yes | PNG to PDF: yes | PNG to DXF: yes | PNG to AI: yes |
| WebP | WebP to SVG: yes | WebP to EPS: yes | WebP to PDF: yes | WebP to DXF: yes | WebP to AI: yes |
| GIF | GIF to SVG: yes | GIF to EPS: yes | GIF to PDF: yes | GIF to DXF: yes | GIF to AI: yes |
| TIFF | TIFF to SVG: yes | TIFF to EPS: yes | TIFF to PDF: yes | TIFF to DXF: yes | TIFF to AI: yes |
| PDF to SVG: yes | PDF to EPS: yes | PDF to PDF: yes | PDF to DXF: yes | PDF to AI: yes |
SVG変換に向いている画像・向いていない画像
| 推奨 | 非推奨 |
|---|---|
| 手元にある最も大きいサイズの画像から始める | 写真がベクターで写真のように見えると期待する |
| 無地の背景のPNGがあれば、それを使う | 64 pxのサムネイルをトレースしてきれいな曲線を期待する |
| 枠、透かし、余分な文字は先にトリミングで除く | ロゴの後ろに複雑な背景を残したままにする |
| 2〜8色のロゴをトレースする | .pngを.svgに名前変更しただけでベクターと呼ぶ |
画像SVG変換のよくある質問
「img to SVG」の「img」とは何ですか？
画像ファイル全般を指す略称で、Webページに画像を表示するHTMLの<img>タグに由来します。「img SVG」で検索する人の多くは、JPGやPNGのロゴをベクター版にしたいと考えています。一般的なラスター形式なら、どれでも使えます。
.imgディスクイメージファイルをSVGに変換できますか？
いいえ。拡張子が.imgのファイルは、多くの場合ディスクイメージです。Raspberry Pi OSのダウンロードのように、ドライブをバイト単位でそのままコピーしたもので、画像は含まれていません。ごく古い.imgファイルの中には、1980年代のGEMビットマップもあります。その場合は、古いグラフィックソフトで開いてPNGで保存してから使ってください。
トレースしたSVGはHTMLのimgタグで表示できますか？
はい。現在のブラウザはすべて、<img src="logo.svg">でSVGを表示でき、CSSで指定した幅に合わせてくっきり拡大縮小されます。ファイルを軽く保ち、素早く読み込めるように、SVGを最適化はオンのままにしてください。
しきい値付きの白黒モードに切り替えるべきなのはどんなときですか？
署名、スタンプ、手書き文字、単色ロゴに向いています。しきい値(初期値は128)より暗いピクセルはすべて黒になり、それ以外は消えるため、最もきれいな輪郭になります。細い線が消える場合はしきい値を下げ、形がまだらに見える場合は上げてください。
プロッターやカッティングマシン用に輪郭線だけを出力するには？
詳細設定の輪郭線のみにチェックを入れます。図形は塗りなしの線として書き出され、プロッターやカッティングマシンが切り取り線としてたどります。お使いの機械のソフトがSVGよりDXFを好む場合は、変換先でDXFを選んでください。
トレースした画像のディテールが元画像よりずっと少ないのはなぜですか？
トレースは、仕組み上どうしても単純化されます。細かな点や質感を残すには精細さを上げ、イラストの場合は色数を最大64まで上げてください。写真はベクターでは連続した色調を再現できないため、ポスターのような平坦な色面になります。仕上がりの目安は写真をSVGに変換をご覧ください。
- JPGをSVGに変換JPGをSVGに変換。ピクセルを包むだけでなく、画像をトレースして編集できるベクター図形にします。色数、スムージング、背景除去を設定できます。
- PNGをSVGに無料で変換PNGをSVGに無料変換、登録不要。ロゴやアイコン、線画を拡大しても劣化しないパスにトレースします。カラー・グレースケール・白黒と色数を選べます。
- 写真をSVGに変換写真をSVGに変換し、ステンシル、レーザー彫刻、カッティングシート、シルクスクリーン用のフラットカラーのベクターアートにします。少ない色数、なめらかな曲線、背景除去済み。
- JPEGをSVGに変換JPEGのスキャン画像、印影、署名、ロゴを拡大・編集できるSVGパスにトレース。2～64色または白黒を選び、圧縮ノイズをなめらかに整えられます。
- WebPをSVGに変換WebPをトレースして編集できるベクター図形のSVGに変換します。ビットマップをSVGに埋め込むだけの変換ではありません。ロゴ、アイコン、カット用データに最適です。
- SVGをPNGに変換SVGのロゴやアイコンを、指定した幅（初期値1024 px）でPNGに変換します。透過背景もそのまま保持。DPIとピクセルの関係も解説します。