JPEGをSVGに変換
スキャンした印影、署名入りの書類、.jpegで保存されたロゴを、編集できるアウトラインで構成されたSVGに変換します。トレースでは色の領域をひとつずつ図形として描き直すため、看板でも名刺でもカッティングマシンでも、くっきりした仕上がりを保てます。
画像をSVGに変換
またはJPG, JPEG, JFIF … ファイルをここにドロップ ·
1ファイルあたり最大95 MB· 最大20ファイルまで· 30分後に削除
ファイルは当社のサーバーで処理され、30分後に削除されます。
高くすると小さな点や細かなテクスチャが残ります。低くすると数ピクセル未満の図形を除いてノイズを取り除きます。
高くすると、低解像度やJPG入力で生じたギザギザの輪郭が丸くなります。低くすると鋭い角が保たれます。
ほとんどの画像には滑らかな曲線、幾何学的なロゴには直線、ドット絵のカクカクした形を残すにはピクセルの縁を選びます。
PDFを入力した場合のみ使用します。変換するページを指定します（例：1 または 1-3, 5）。各ページが別々のファイルになります。
このツールの使い方
- 1
JPEGファイルを追加する
JPEGまたはJPGファイルを追加します。1回に最大20ファイル、1ファイルあたり95 MBまで対応しています。紙の余白が図形として認識されないように、先にスキャンを作品の範囲にトリミングしてください。
- 2
元画像に合わせて設定する
このページは、スキャン向けに6色、スムージング70で始まります。インクの署名や印鑑にはカラーモードで白黒を選びます。ほかの元画像については下の表を参考にしてください。
- 3
ベクター化して確認する
ベクター化を押し、結果をブラウザで開いて400%まで拡大して確認します。角が溶けたように見える場合はスムージングを下げ、細かなノイズが残る場合は詳細設定の精細さを下げてください。
JPEGは作品を撮影した写真で、SVGは作品の内容を記述したものです。変換ツールはピクセルを調べ、それぞれの単色が始まる場所と終わる場所を判断し、その境界を曲線として書き出します。
JPEGのSVG変換は「埋め込み」ではなく「トレース」
JPEGから.svgで終わるファイルを作る方法は2つありますが、役に立つのは1つだけです。近道は、元のピクセルをSVGの画像要素に埋め込む方法です。これはビットマップのままなので、拡大するとぼやけます。本当の変換はトレースです。ピクセルを少数の色にまとめ、その境界に沿ってベジェ曲線を当てはめます。
ロゴ、印鑑、署名、線画はもともと少数の単色で作られているため、トレースがうまく機能します。トレースはその意図を復元します。紙に写した2色のロゴは、影や紙の色味がそれぞれ1色を占めるため、6色でほとんどカバーできます。InkscapeのビットマップのトレースはPeter Selingerのオープンソースライブラリ Potraceを基にしており、デスクトップで同じ考え方を採用しています。
JPEGの入力は、ほかの形式よりも多くの補正が必要です。この形式は写真向けに設計され、8 × 8ピクセルのブロック単位で細部を静かに削るため、くっきりした輪郭の隣に波打つようなノイズが残ります。このページでスムージングを70に上げ、精細さを50に下げているのはそのためで、曲線を当てはめる前にそのノイズが平均化されます。同じ作品のPNGもある場合は、PNGをSVGに変換のほうが、よりきれいな輪郭から始められます。
ライブトレースから画像トレースへ：トレース技術の歩み
1992
JPEG標準化
ITU-T T.81が、その後ほぼすべてのカメラとスキャナーで使われる圧縮方式を定めます。
2001
SVG 1.0
W3CがSVGを勧告として公開し、ベクターに共通のオープンなファイル形式が生まれます。
2005
ライブトレース
Illustrator CS2に自動トレースが加わり、スキャンを手作業で描き直していたデザイナーを助けます。
2012
画像トレース
Illustrator CS6でライブトレースが画像トレースに置き換わり、カラーとパスのプリセットが加わります。
JPG
JPEG画像
JPEG(JPG)は最も広く使われている写真形式で、1992年にJoint Photographic Experts Groupが標準化しました。目につきにくい細部を捨てる非可逆圧縮を使うため、写真をウェブ、メール、スマートフォンの保存に適した小さなサイズにできます。滑らかなグラデーションや自然な風景は得意ですが、くっきりした文字、線画、べた塗りの色ではブロック状やぼやけたノイズが目立ちます。JPEGには透過もアニメーションもなく、保存し直すたびに少しずつ画質が落ちます。すべてのブラウザ、スマートフォン、カメラ、画像エディタで開けます。
- 圧縮方式
- 非可逆
- 透過
- 非対応
- アニメーション
- 非対応
- 登場時期
- 1992 · Joint Photographic Experts Group
SVG
Scalable Vector Graphics(SVG)
SVGは、2001年に W3C が標準化した XML ベースのベクター形式です。ピクセルではなく図形、パス、テキストを記述するため、どんなサイズでも鮮明で、ロゴやアイコンでは通常とても小さなファイルになります。透過、CSSによるスタイル指定、スクリプト、アニメーションに対応し、すべてのブラウザーがそのまま表示できます。写真には向かず、複雑なイラストは描画が遅くなることがあります。Illustrator、Inkscape、Figma、ブラウザーで開いて編集できます。
- 圧縮方式
- –
- 透過
- 対応
- アニメーション
- 対応
- 登場時期
- 2001 · W3C
JPEGはスキャナー、カメラ、メールからそのまま届くことが多く、印鑑、署名、印刷されたロゴを印刷、Web、カッティングマシン向けにきれいに拡大縮小したいときにトレースされます。SVGからJPEGへの変換はその逆で、写真しか受け付けない場所向けにベクターを平面化します。
よくあるJPEG元画像別の設定
| JPEGの内容 | カラーモード | 色数またはしきい値 | スムージング | 曲線 |
|---|---|---|---|---|
| スキャンしたインクの署名またはゴム印 | 白黒 | しきい値 128–170 | 60–70 | なめらかな曲線 |
| 印刷されたロゴをスマホで撮影した写真 | カラー | 4–6 | 70 | なめらかな曲線 |
| JPEGで書き出した幾何学的なロゴ | カラー | 2–8 | 40–50 | 直線 |
| 手描きのカラーイラスト | カラー | 16–24 | 60 | なめらかな曲線 |
| グレースケールの鉛筆スケッチ | グレースケール | 6–10 | 50 | なめらかな曲線 |
JPEGのままにしておくべき場合
写真はベクター写真にはなりません
人物、商品、風景の写真には、無数の緩やかな階調があります。64色でトレースすると平坦でポスターのような帯状になり、SVGがJPEGの何倍も大きくなることがあります。写真のトレースは、意図したスタイライズ表現や単色の切り抜き輪郭が必要な場合に限り、写真をSVGに変換で説明しているとおりに行ってください。リアルに見せる必要があるものはJPEGのままにしてください。
JPEGのSVG変換に関するよくある質問
JPEGからSVGへの変換とJPGからSVGへの変換に違いはありますか？
いいえ。JPEGとJPGは同じ形式で、拡張子の長さが違うだけです。3文字拡張子の名残です。カメラやスキャナーは.jpeg、Web上のツールは.jpgで保存することが多いですが、トレースでは同じように扱われます。
トレースしたJPEGの輪郭に細い色のにじみが出るのはなぜですか？
多くのJPEGファイルは、色を明るさの半分の解像度で保存しています。クロマサブサンプリングと呼ばれる手法です。白地に赤のくっきりした境界では色が1～2ピクセルにじみ、トレースではそのにじみがピンク色の細い切れ端になります。色数を減らし、スムージングの値を上げるとなじませることができます。
Illustrator、Cricut、レーザーカッターで使う場合はどの出力を選べばよいですか？
SVGは3つのどれでも、またすべてのブラウザーで開けます。印刷会社からAIやEPSを求められた場合は変換先でそれらを選び、CADやほとんどのレーザー加工ソフトにはDXFを選んでください。
トレースしたSVGは後からInkscapeやIllustratorで編集できますか？
はい。色の領域ごとに独立したパスになり、それぞれに塗りが設定されているため、ノードツールで色の変更、削除、整形ができます。SVGを最適化をオンにすると極小のパスが統合され、レイヤー一覧が扱いやすくなります。
スキャンした署名の細い線を残すにはどうすればよいですか？
白黒を使い、しきい値を調整します。しきい値より暗いピクセルが黒になるため、128から170へ上げると薄いペンの線が残り、下げると灰色の紙のざらつきが消えます。
JPEGをトレースすると、絵柄の背景にある白い紙は消えますか？
指定した場合だけです。背景を削除をオンにすると、端に接する最大の図形（通常は紙）が除かれ、絵が透明なキャンバスに残ります。
- JPGをSVGに変換JPGをSVGに変換。ピクセルを包むだけでなく、画像をトレースして編集できるベクター図形にします。色数、スムージング、背景除去を設定できます。
- PNGをSVGに無料で変換PNGをSVGに無料変換、登録不要。ロゴやアイコン、線画を拡大しても劣化しないパスにトレースします。カラー・グレースケール・白黒と色数を選べます。
- 写真をSVGに変換写真をSVGに変換し、ステンシル、レーザー彫刻、カッティングシート、シルクスクリーン用のフラットカラーのベクターアートにします。少ない色数、なめらかな曲線、背景除去済み。
- WebPをSVGに変換WebPをトレースして編集できるベクター図形のSVGに変換します。ビットマップをSVGに埋め込むだけの変換ではありません。ロゴ、アイコン、カット用データに最適です。
- SVGをJPEGに変換ベクター画像のアップロードを受け付けないポータルやCMS向けに、SVGをJPEGに変換。白背景、初期設定で幅1920 px、1回20ファイルまで、アカウント不要。
- 画像をSVGに変換JPG、PNG、WebP、GIF、BMP、TIFFの画像をトレースして本物のベクターSVGに変換。カラー・白黒対応、背景除去、最大20ファイルまで。