JPEGをSVGにオンラインで変換
当サイトのJPG to SVGコンバーターで、JPEG写真をスケーラブルなベクター画像に変換できます。SVG(Scalable Vector Graphics)は、ピクセルではなく数学的なパスで画像を記述するXMLベースの形式です。これによりSVG画像は解像度に依存しなくなり、小さいアイコンから看板サイズの印刷物まで、画質を落とさずどんなサイズにも拡大縮小できます。
当コンバーターは、JPEG画像内の形状や色をトレースしてベクターパスを作成します。結果はWebブラウザやAdobe Illustratorなどのデザインソフトで動作し、あらゆるテキストエディタで編集できます。JPGをアップロードすれば、どんな解像度でも完璧に拡大縮小できるSVGをダウンロードできます。
ラスターからベクターへの変換について
JPEGはラスター形式で、画像は色付きピクセルの格子です。SVGはベクター形式で、画像は形状の数学的な記述です。これら根本的に異なる形式間の変換には画像トレースが必要です。アルゴリズムがピクセルの色と境界を解析し、元の画像を近似するベクターパスを生成します。
輪郭が明確で単色、シンプルな形状の画像から最良の結果が得られます。ロゴ、アイコン、図表、線画はうまく変換されます。グラデーションや細かいディテールを含む複雑な写真は、多数のパスを含む大きなSVGファイルになります。写真的な内容の場合は、JPEG形式を維持するか、Webでの圧縮に優れたJPG to WebPの使用を検討してください。
SVG形式を使うべき場面
- ロゴとブランディング — ファビコンからバナーまで画質を落とさず拡大縮小
- アイコンとUI要素 — あらゆる画面密度でくっきり表示
- イラストや図表 — ベクターソフトで個々の要素を編集可能
- Web用グラフィック — シンプルなグラフィックでファイルサイズが小さくなり、CSSでのスタイル指定に対応
- 印刷物 — ピクセル化せずどんな印刷サイズにも拡大縮小
より良い変換のためのコツ
利用可能な最も高品質なJPEGから始めてください。ソースの圧縮ノイズはギザギザしたベクターパスになります。変換前にコントラストを上げると、トレーサーが輪郭を判別しやすくなります。ロゴで最良の結果を得るには、可能であれば元のベクターファイルを使用してください。JPEGからの変換は、ベクターが失われた場合の代替手段です。
SVGファイルサイズの目安
SVGのファイルサイズは、画像の複雑さによって大きく異なります。シンプルなロゴであれば5KBのSVGになることもあります。複雑な写真をトレースすると、数メガバイトのパスデータが生成され、元のJPEGより大きくなる可能性もあります。Web用途には、SVGOなどのツールでトレース済みSVGを最適化してください。目に見える画質低下なしにファイルサイズを30〜50%削減できます。
変換したSVGが100KBを超える場合は、ベクター形式が適切かどうか検討してください。多くの色やグラデーションを含む複雑な画像は、数千のパスを含む大きくトレースされたベクターよりも、最適化されたラスター形式(WebP、AVIF)の方がうまく機能する場合があります。
トレースの精度とシンプルさ
トレースアルゴリズムは、ディテールの保持と出力の複雑さのバランスを取ります。ディテール設定を高くすると、より多くのニュアンスを捉えられますが、パスが多い大きなファイルになります。設定を低くすると、よりシンプルできれいなベクターになりますが、細かいディテールが失われる場合があります。適切な設定は用途によって異なります。アイコンにはシンプルさが必要ですが、トレースされたアートワークにはより多くのディテールが役立つ場合があります。
関連ツール
- PNG to SVG — 透明度を持つPNG画像を変換
- SVG to PNG — 互換性のためベクターをラスター化
- JPG to PNG — ロスレスのラスター形式に変換