本文へスキップ

SVG→PNG/JPG変換

SVGベクター画像を、どこでも使えるPNGまたはJPGファイルとして書き出します。1x・2x・3xの倍率を選んで、より高い解像度で出力できます。
ブラウザの対応状況を確認中
開始前に、ファイル選択とダウンロード機能への対応を確認しています。

ここにファイルをドロップするか選択してください

1ファイルあたり最大20 MiBまで対応しています。

ファイルを選んで変換を押すだけで完了します。すべての処理はブラウザ内で直接行われるためアップロードの待ち時間はなく、結果はすぐにダウンロードできます。

ご利用前の注意

  • SVGが参照する外部画像やWebフォントは描画されません。
  • JPG出力では、透明な背景は白で塗りつぶされます。
  • 複雑なSVGは、ブラウザでの表示と異なって描画される場合があります。

使い方

  1. SVGを選ぶ

    最大20 MiBのSVGファイルを選択します。

  2. 出力を設定する

    PNGまたはJPGを選び、1x・2x・3xの倍率を選択します。

  3. 変換して保存する

    変換を開始し、検証が完了したファイルをダウンロードします。

よくある質問

変換例:透明な32×24のSVGを2xにするとどうなりますか?

width="32"、height="24"、viewBox="0 0 32 24"のSVGに、<rect x="8" y="4" width="16" height="16" fill="black"/>だけを入れてみてください。PNGと2xを選ぶと、64×48ピクセルの画像になり、(16, 8)から始まる32×32の黒い正方形と、その周囲の透明な余白が得られます。JPGでは余白が白になります。これはラスタライズです。図形は編集可能なベクターパスではなく、固定されたピクセルになります。後で図形を編集したりサイズを変えたりするならSVGを残してください。ダウンロードしたPNGを拡大してもベクターの細部は復元できません。外部画像やWebフォントは描画されないため、必要な内容はSVG内に含めてください。

出力画像のサイズはどう決まりますか?

SVGドキュメントに定義されたサイズに、選択した倍率を掛けたサイズになります。たとえば400×300のSVGを2xで変換すると、800×600の画像になります。

外部画像やフォントを使うSVGも変換できますか?

描画されるのはSVG自体に埋め込まれた内容のみです。ネットワークリクエストは行われないため、外部URLで参照される画像やWebフォントは結果に表示されません。

透明な背景はどうなりますか?

PNG出力では透明な背景はそのまま保持されます。JPGは透過に対応していないため、透明な部分は白で塗りつぶされます。

結果がぼやけて見える場合はどうすればいいですか?

2xまたは3xの倍率でもう一度変換してください。ベクターがより高い解像度で描画されるため、拡大しても鮮明なままです。

SVGファイルはどこかに送信されますか?

いいえ。SVGはブラウザ内でそのまま描画され、どこにもアップロードされません。ファイルがお使いの端末の外に出ることはありません。