SVGをJPEGに:ベクター画像を白背景でラスタライズ

SVGベクターファイルをブラウザでJPEGにラスタライズ。透明部分は白に統合され、出力は品質0.92の非可逆ラスターです。アップロードなし、透かしなし。

ブラウザーネイティブ
プライバシー第一
無料

今すぐ変換

ファイルをここにドラッグ&ドロップ

または

使い方

SVGは画像をピクセルではなく命令として保存します。パス、塗り、グラデーション、テキストを、ブラウザがどんなサイズでも鮮明に描き直します。JPEGはその逆で、形の情報を一切持たない固定のピクセル格子です。一方からもう一方へ変換するため、このツールはSVGをimage要素に読み込み、HTMLキャンバスに描画し、そのキャンバスをJPEGとして書き出します。 出力の寸法はSVG自身から得られます。コンバーターはルート要素のwidthとheight属性を読み、それらが無ければviewBoxにフォールバックし、どちらも無いときだけ既定の1024x1024を使います。長辺には4096ピクセルという固定の上限があり、それより大きいものはエンコード前に比率を保って縮小されるため、10000pxでの書き出しはここではできません。 画像を変える要素は2つあり、どちらも見込んでおくべきです。JPEGにはアルファチャンネルが無いため、透明・半透明の領域はすべてエンコード前に純白へ合成されます。色付きヘッダーに置く想定で作った口ゴは白で囲まれた状態で出てきます。透明度が必要なら、代わりにSVGからPNGへのコンバーターを使ってください。エンコードも非可逆(品質0.92に固定)で、十分高めではあるものの、硬いエッジや文字の周りにわずかなにじみが出るため、フラットなアイコンや線画は生きたベクターよりやや柔らかく見えることがあります。 ファイルの読み込み、レンダリング、エンコードはJavaScriptとキャンバスによってすべてお使いの端末上で行われます。SVGがサーバーに触れることはなく、完成したJPEGはそのままダウンロードに渡されます。

関連変換ツール

あなたのワークフローに役立つ他の強力なコンバーターを発見してください

SVGからPNGへ変換:ベクターをブラウザでラスタライズ

SVGベクターファイルをブラウザでPNGビットマップにラスタライズ。アルファチャンネルを保持し、出力サイズも指定可能。アップロード・透かし・登録なし。

SVGをWebPに変換:ベクターをラスタライズし透明度を保持

SVGベクターをブラウザでWebPにレンダリング。アルファチャンネルを保持し、PNGより小さく、アップロードや登録は不要。出力サイズはSVG側で指定できます。

Base64をJPEGに変換:データURIをJPGファイルにデコード

Base64文字列やデータURIを貼り付けるだけで、本物のJPEGをダウンロード。デコードはすべてブラウザ内で完結し、アップロードは一切ありません。無料、即時、プライベート。

HEICをJPGに変換:iPhoneの写真をどこでも開く

iPhoneのHEIC/HEIF写真をブラウザでJPGに変換。Windows、Android、Webで開けます。アップロード不要、データは端末から外に出ません。無料で即時。

.heic.heif
今すぐ試す

PNGをSVGに変換:ロゴ・アイコンをベクター化

PNGのロゴ・アイコン・線画をブラウザで編集可能なSVGパスにトレース。無料、アップロードなし、透かしなし。ベクター化の限界も正直に説明します。

.png.jpg +1
今すぐ試す

WebPをJPEGに変換:高速・安全・ブラウザ内で完結

WebPをブラウザ内で無料でJPEGに変換。ファイルは端末から一切送信されず、透過は白で塗りつぶされ、WebPを受け付けないアプリでも開けるJPEGになります。

機能

  • ファイルアップロード不要
  • 100% プライバシー重視
  • ブラウザー駆動
  • 高速処理
  • 永久無料

対応フォーマット

.svg

出力: JPG

技術仕様

input Format SVG(Scalable Vector Graphics、XMLベースのベクター)
output Format JPEG / JPG(8ビットラスター、品質0.92)
compression Type キャンバスでのラスタライズ後の非可逆DCT圧縮
quality Retention ネイティブサイズでは鮮明。ラスタライズと非可逆JPEGが硬いエッジと文字を和らげる
color Space Support RGB、チャンネルあたり8ビット。アルファなし(透明部分は白に統合)
max Resolution 長辺で最大4096px。大きいSVGは収まるよう縮小
processing Time 瞬時、ブラウザ内で実行

主な利点

  • JPEGしか受け付けないサイト、CMS、ツールでベクター画像を使える
  • カラフルでグラデーションの多いイラストではPNGより小さいファイル
  • 出力寸法はSVG自身のwidth、height、viewBoxからそのまま読み取り
  • 透かしなし、登録なし、ファイル数の制限なし
  • 完全にブラウザ内で実行されるため、SVGや未公開のデザインは非公開のまま
  • 予測できる単一の劣化プロファイル:ラスタライズし、白に統合し、0.92の非可逆JPEG

一般的な使用例

  • SVGを拒否するCMSやマーケットプレイスにベクターイラストを提出する
  • グラフや図をフラットな画像としてスライドやPDFに挿入する
  • 詳細なグラフィックを、メールに適したコンパクトなラスターにする
  • ベクター素材から写真風のソーシャル画像を生成する
  • SVGファイルを開けない古いソフトと作品を共有する
  • 裁ち落としのイラスト作業の固定サイズプレビューを作る

プロのヒント

  • 変換前にSVGへwidthとheightを明示してJPEGのピクセルサイズを制御し、長辺を4096px以下に保つ
  • 元のフォントが無くても描画されるよう、デザインツールでテキストをアウトライン化する
  • ロゴ、アイコン、透明度が必要なものには代わりにSVGからPNGを使う
  • 今後必要になる最大サイズを選ぶ。JPEGは後から綺麗に拡大できない
  • 今後の編集や高解像度の書き出しに備えて元のSVGを保管する

よくある質問

純白になります。JPEGにはアルファチャンネルが無いため、コンバーターはキャンバスを白で塗りつぶし、その上にSVGを描いてからエンコードします。半透明の塗りも白へ向かって混ざります。色付きや透明な面に置く必要があるなら、アルファチャンネルを保つPNGに変換してください。
SVGルート要素のwidthとheight属性、それらが無ければviewBoxの寸法から取得し、どちらも無いときは既定で1024x1024になります。800x600で宣言されたSVGは800x600のJPEGを生成します。長辺は4096ピクセルが上限で、それを超える値はその制限内に収まるよう比率を保って縮小されます。
一度の処理ではできません。コンバーターは長辺を4096ピクセルに制限し、それより大きいものは収まるよう縮小します。より大きなラスター出力が必要なら、SVG要素のwidthとheightを長辺が4096以下になるよう設定してから書き出してください。それ以上はタイル分割するか、専用のラスタライザーが必要です。
理由は2つあります。無限に鮮明なベクターの数式を固定のピクセル格子へサンプリングするため、エッジが1つの解像度に焼き付けられます。さらにJPEGは非可逆で、このツールが使う0.92でも硬いエッジや文字の周りにわずかなにじみが出ます。フラットなロゴや線画ではPNGの方が鮮明なままです。JPEGが活きるのは、ファイルサイズが小さいことが重要な、情報量が多くカラフルで写真的なイラストです。
いいえ、画像は2度変化します。ラスタライズでスケーラブルなベクターが固定ピクセルになり、次にJPEGがそのピクセルを非可逆アルゴリズムで圧縮します。結果はネイティブサイズでは良く見えますが、ピクセル単位で正確でもスケーラブルでもありません。今後の編集や高解像度の書き出しに備えて、元のSVGを保管してください。
レンダリングはimage要素を介して行われ、SVGに埋め込まれたスクリプトは実行されません。外部URLで参照されたフォントはこの文脈では通常読み込まれないため、そのテキストはシステムフォントにフォールバックしてずれることがあります。テキストを正確に保つには、SVGを書き出す前にデザインツールでアウトライン化してください。
いいえ。SVGはJavaScriptとキャンバスによってすべてブラウザ内で読み込み、レンダリング、エンコードされます。ファイルが端末を離れることはなく、クライアント業務や未公開のデザインにも安全です。登録も透かしもファイル数の制限もありません。