SVG JPG 変換

ベクター画像から好きなサイズのJPGを作成。

90

    ブラウザ内で動作します。ファイルが端末から出ることはありません。

    SVGをJPGに変換する方法

    1. ここにSVGファイルをドロップします。
    2. 幅、背景色、画質を設定します。
    3. JPGをダウンロードします。

    SVGでPNGではなくJPGを選ぶ理由

    SVGが単色の背景を持ち、メールや簡易プレビューのようにできるだけ小さいファイルにしたい場合はJPGが向いています。

    アートワークに透明な背景が必要な場合や、細かい文字と細い線がある場合はPNGを選びましょう。JPGの圧縮はそうしたディテールをぼやけさせることがあります。

    書き出されたイラストの中にはグラデーションや陰影を持つ写真のようなSVGもあり、そうしたものはピクセルに描画した後もJPGでうまく圧縮できます。

    幅と背景色の設定

    • 必要なピクセル幅を入力します。ラスター画像なら拡大でぼやけますが、ベクター画像はどんなサイズでも鮮明です。
    • 透明または空の部分を塗りつぶす背景色を選びます。JPGは透明度を保存できないためです。
    • 白は、無地のページに置くロゴやアイコンにとって無難な既定色です。
    • 白や明るい色の線画が含まれるアートワークには、白よりも濃い色の背景の方が映えます。

    SVG→JPGとSVG→PNGの比較

    SVG→JPGSVG→PNG
    透明度背景色で塗りつぶし保持される
    ファイルサイズ小さい大きい
    鮮明な文字と細い線わずかに柔らかくなることがあるくっきりしたまま

    SVG→JPGのFAQ

    SVGの透明な部分はどうなりますか？

    JPGには透明度がないため、選んだ背景色で塗りつぶされます。既定は白です。

    SVGから大きいJPGを作るには？

    3000ピクセルのように大きな幅を入力してください。ベクター画像はどんなサイズでも鮮明さを保ちます。

    SVGはJPGとPNGどちらに変換すべきですか？

    透明度やくっきりした単色を保ちたいならPNGを使いましょう。単色の背景で問題なければ、ファイルが小さいJPGを使います。

    大きいサイズでもJPGは鮮明なままですか？

    はい。既存の画像を引き伸ばすのではなく、指定した幅でSVGがその都度新しく描画されるためです。

    複数のSVGファイルを一括でJPGに変換できますか？

    はい。複数のファイルをドロップし、幅・背景色・画質を一度設定すれば、すべてに同じ設定が使われます。

    ロゴにはどの画質を選べばいいですか？

    90以上なら単色やふちがきれいなまま保たれます。低い設定では鋭い角の周りに目に見えるノイズが出ることがあります。

    幅ではなくキャンバスサイズを自分で指定できますか？

    幅を設定すると、高さはSVG自体の縦横比に自動的に合わせられます。個別の高さの項目はありません。

    複数のレイヤーやグループを持つSVGも変換できますか？

    はい。ブラウザで開いたときと同じように、SVG内のすべての要素がまとめて1枚の画像に描画されます。

    関連ツール