SVG→PNG変換

SVGをPNGに変換するツールでできること（倍率・透過・まとめて変換）

SVGをPNGに変換するツールは、ベクター形式のSVGファイルを、どこでも開けるPNG画像として書き出すツールです。1倍・2倍・4倍から倍率を選べ、何ファイルでもまとめて変換できます。

PNGは透明を持てる形式なので、背景を指定していないSVGは背景が透明なPNGになります。ロゴやアイコンを他の画像や色の上に重ねて使う場合、この透過が残ることが要です。

SVGは拡大しても輪郭が崩れないベクターなので、4倍で書き出してもギザギザにはなりません。元のSVGが幅と高さを持っていない場合は、viewBoxの値を本来の大きさとして読み取ります。

SVGファイルをPNGに変換する3ステップ

1. 選ぶ変換したい.svgファイルをドラッグ&ドロップします。クリックで選んだり貼り付けたりもでき、複数ファイルをまとめて入れられます。
2. 設定する「書き出す倍率」を1倍・2倍・4倍から選びます。一覧に変換後の寸法が出るので、必要な大きさになっているか確かめてから、変換のボタン（「3件を変換する」のように件数が出ます）を押します。
3. 保存する1つずつ「ダウンロード」するか、ZIPでまとめてダウンロードします。元のファイルは上書きされません。

1倍・2倍・4倍の倍率とPNGの解像度の決め方

SVGには「本来の大きさ」がありますが、ベクターなので画素数という意味での解像度は持ちません。PNGへ変換した瞬間に画素数が決まり、そこから先は拡大するとぼやけます。だから倍率は、最終的に使う場所の実寸から逆算して決めます。

画面で見せる画像は、表示したい幅の2倍で書き出しておくと高解像度の画面でもぼやけません。印刷に回す場合は用紙上の大きさに対して必要な画素数が跳ね上がるため、4倍を選んでおくほうが安全です。

Webページやアプリで使う

表示幅に対して2倍を選びます。高解像度の画面でも輪郭が保たれ、ファイルサイズも実用の範囲に収まります。

印刷物や大きな掲示に使う

4倍を選びます。紙の上では画面より細かい画素が必要なため、余裕を持って書き出しておくほうが後から作り直さずに済みます。

変換するSVGファイルは外部に送信されません

変換はすべてあなたのブラウザの中で終わります。SVGを読み込むのも、PNGとして描き直すのも、ダウンロードするファイルを作るのも開いているページの中で行われ、ファイルそのものがネットワークへ出ることはありません。

公開前のロゴやサービスのアイコンは、外に出せない段階で画像化したい場面が多いものです。そのまま投入できます。投入したファイルはページを閉じた時点で消えます。

背景を塗ってJPGにしたいときはSVG→JPG変換へ

提出先がJPGしか受け付けない場合は、変換先をJPGにする必要があります。JPGは透明を持てないため、背景を何色で塗るかという指定が新しく必要です。

同じ画面に両方を詰め込むと、PNGを選んでいるのに背景色の欄が残るなど、不要な操作が増えます。だから変換先ごとにページを分けています。

SVG PNG変換ツールのよくある質問

SVGファイルはサーバーにアップロードされますか？

されません。変換はすべてブラウザの中で行われ、ファイルがネットワークへ出ることはありません。

透過は保たれますか？

保たれます。PNGは透明を持てる形式なので、背景を指定していないSVGはそのまま背景が透明のPNGになります。白や黒で塗りつぶされることはありません。

どの倍率を選べばよいですか？

使う場所の実寸で決めてください。Webページに元のサイズで置くなら1倍、高解像度の画面でぼやけさせたくないなら2倍、印刷や大きな掲示に使うなら4倍が目安です。SVGはベクターなので、倍率を上げてもギザギザにはなりません。

SVGに書いた文字が別の書体で出力されます。

SVGが端末に入っていない書体を指定している場合に起こります。変換は端末に載っている書体だけで描くためで、確実に同じ見た目にしたい場合は、SVG側で文字をパス（アウトライン）へ変換してから投入してください。

とても大きなサイズで書き出せますか？

1辺が8192pxを超える指定では、収まる倍率まで自動で落として書き出します。これを超える画像は端末によっては作成に失敗し、中身が空の画像になってしまうためです。

一度に変換できる件数に決まりはありますか？

ありません。登録は不要で、1日の回数制限もなく、何ファイルでもまとめて変換できます。1つずつでも、ZIPでまとめてでも受け取れます。