JPEGをSVGにオンラインで変換
当社のJPGからSVGへのコンバーターでJPEG写真をスケーラブルベクターグラフィックスに変換します。SVG(Scalable Vector Graphics)はピクセルではなく数学的パスを使用して画像を記述するXMLベースの形式です。これにより、SVG画像は解像度非依存であり、小さなアイコンからビルボードサイズの印刷物まで、品質を失うことなくどのサイズにもスケールできます。
当社のコンバーターはJPEG画像の形状と色をトレースしてベクターパスを作成します。結果はWebブラウザ、Adobe Illustratorなどのデザインソフトウェアで動作し、任意のテキストエディターで編集できます。JPGをアップロードして、どの解像度でも完璧にスケールするSVGをダウンロードしてください。
ラスターからベクターへの変換の理解
JPEGはラスター形式です—画像は色付きピクセルのグリッドです。SVGはベクター形式です—画像は形状の数学的記述です。これらの根本的に異なる形式間の変換には画像トレースが含まれます:アルゴリズムがピクセルの色と境界を分析して、元の画像を近似するベクターパスを生成します。
クリアなエッジ、ソリッドカラー、シンプルな形状を持つ画像から最良の結果が得られます—ロゴ、アイコン、図、線画は良く変換されます。グラデーションと細かいディテールを持つ複雑な写真は、多くのパスを持つ大きなSVGファイルを生成します。写真コンテンツには、JPEG形式を維持するか、より良いWeb圧縮のためにJPGからWebPを使用することを検討してください。
SVG形式を使用するタイミング
- ロゴとブランディング — ファビコンからバナーまで品質低下なくスケール
- アイコンとUI要素 — あらゆる画面密度でクリスプな表示
- イラストと図 — ベクターソフトウェアで個々の要素を編集
- Webグラフィックス — シンプルなグラフィックスでは小さなファイルサイズ、CSSスタイリングサポート
- 印刷物 — ピクセル化なしでどの印刷サイズにもスケール
より良い変換のためのヒント
最高品質のJPEGから始めてください—ソースの圧縮アーティファクトはギザギザのベクターパスになります。変換前にコントラストを上げて、トレーサーがエッジを区別しやすくしてください。ロゴで最良の結果を得るには、利用可能な場合は元のベクターファイルを使用してください。JPEGからの変換はベクターが失われた場合の回避策です。
SVGファイルサイズの期待値
SVGファイルサイズは画像の複雑さに応じて劇的に変化します。シンプルなロゴは5KBのSVGを生成する可能性があります。複雑なトレースされた写真は数メガバイトのパスデータを生成する可能性があります—ソースJPEGより大きくなる可能性があります。Web用には、目に見える品質低下なくファイルサイズを30〜50%削減できるSVGOなどのツールでトレースされたSVGを最適化してください。
変換されたSVGが100KBを超える場合は、ベクター形式が適切かどうかを検討してください。多くの色とグラデーションを持つ複雑な画像は、数千のパスを持つ大量にトレースされたベクターよりも、最適化されたラスター形式(WebP、AVIF)として効果的に動作する可能性があります。
トレース品質vsシンプルさ
トレースアルゴリズムはディテール保持と出力の複雑さのバランスをとります。より高いディテール設定はより多くのニュアンスをキャプチャしますが、より多くのパスを持つ大きなファイルを作成します。より低い設定はよりシンプルでクリーンなベクターを生成しますが、細かいディテールを失う可能性があります。適切な設定はユースケースによって異なります:アイコンはシンプルさが必要、トレースされたアートワークはより多くのディテールの恩恵を受ける可能性があります。