ホーム / 画像変換ツール / SVG変換ツール / SVGからPNGへ

SVGからPNGへの変換ツール

SVGファイルをPNGに、このブラウザ上で変換できます。ファイルはアップロードされません。変換はお使いの端末上で行われるため、プライバシーが守られ、サーバーによるファイルサイズの制限もなく、ページの読み込み後はオフラインでも動作します。

ここにファイルをドロップSVGファイルを選択ファイルはアップロードされません。端末が処理できるサイズならいくらでも対応します。

設定

出力の幅

ファイルを追加して始めましょう。

SVGをPNGに変換するとどうなるか

画像はデコードされ、可逆の32ビットPNGとして書き出されます。
SVGはベクター形式なので、選んだ幅（標準では1024ピクセル）でピクセルに描画されます。PNGは後からきれいに拡大できないため、必要になる最大のサイズを選んでください。

SVGをPNGにオンラインで変換する方法

「SVGファイルを選択」を押して1つ以上のファイルを選ぶか、枠の中にドラッグします。端末のメモリに収まるサイズなら、どんなサイズのファイルでも追加できます。
必要に応じて設定を調整してください。出力は可逆なので、品質の設定を気にする必要はありません。
「PNGに変換」を押します。画像の変換は1枚あたり1〜2秒で終わります。
各PNGをそれぞれのダウンロードボタンで保存します。タブを閉じると、ファイルの痕跡はすべてメモリから消えます。

SVGをPNGに変換する理由

SVGファイルがよく使われるのは、Web上のロゴ、アイコン、グラフ、イラストです。PNGに変換する理由は、PNGならくっきりした輪郭、文字、透過を劣化なしで保てるからです。

つまり、SVGは本来の用途には優れていますが、別の場所で開いたり、アップロードしたり、印刷したりする必要がある場合はPNGのほうが実用的です。SVGはすべてのブラウザで標準で表示できます。一方、PNGはすべてのブラウザと画像ビューアで開けます。

Windows、Mac、iPhone、AndroidでSVGをPNGに変換する方法

Windowsの場合

Chrome、Edge、Firefoxでこのページを開き、エクスプローラーからSVGファイルをドラッグして、「変換」を押します。各PNGは「ダウンロード」フォルダに保存されます。そもそもWindowsでSVGを開ける場合は、ペイントの「名前を付けて保存」で画像をPNGとして保存し直すこともできます。

Macの場合

Safari、Chrome、Firefoxのいずれでも使えます。FinderからSVGファイルをドロップエリアにドラッグすると、PNGファイルが「ダウンロード」に保存されます。

iPhone・iPadの場合

Safariでページを開き、「SVGファイルを選択」をタップします。「写真」または「ファイル」アプリから選択できます。変換されたPNGは、「ファイル」アプリの「ダウンロード」フォルダに表示されます。写真ライブラリに入れるには、そこでファイルを開き、「共有」をタップして「画像を保存」を選びます。

Androidの場合

Chromeでページを開き、「SVGファイルを選択」をタップして、「ファイル」やギャラリーから選びます。PNGは「Download」フォルダに保存され、どのファイルマネージャーからでも見つけられます。

SVGからPNGへのおすすめの設定

PNGは可逆で書き出されるため、品質の設定を間違える心配はありません。小さい画像が必要な場合は「最大幅」の設定を使ってください。保存する前に縮小するだけで、拡大することはありません。

SVGとPNGの違い

	SVG	PNG
正式名称	Scalable Vector Graphics（スケーラブル・ベクター・グラフィックス）	Portable Network Graphics（ポータブル・ネットワーク・グラフィックス）
種類	画像	画像
開発元	World Wide Web Consortium	PNG Development Group
初回リリース	2001	1996
圧縮	可逆	可逆
透過	はい	はい
アニメーション	はい	いいえ
ベクターかラスターか	ベクター	ラスター
色	あらゆる色に対応し、ピクセルではなく図形で表現	1チャンネルあたり最大16ビット、完全なアルファチャンネル付き
ブラウザでの表示	すべてのブラウザで標準で表示できます	すべてのブラウザと画像ビューアで開けます
主な用途	Web上のロゴ、アイコン、グラフ、イラスト	スクリーンショット、ロゴ、図表など、透過を含むもの
MIMEタイプ	image/svg+xml	image/png

SVGファイルとPNGファイルについて

SVGファイルとは？

SVGは図形をテキストの命令として記述するため、どのサイズでもくっきりしたままで、シンプルなロゴなら5 KB未満になることもあります。ピクセルに変換すると1つの解像度に固定されるので、変換する前に出力サイズを選んでください。

PNGファイルとは？

PNGはピクセルを一切失わずに圧縮するので、スクリーンショットや文字はくっきりしたままですが、写真をPNGで保存すると、同じ写真のJPGの3倍から5倍のサイズになることがよくあります。

SVGからPNGへの変換がうまくいかない場合のよくある問題

色が少し違って見える。ブラウザは画像をデコードする際に標準のsRGB色空間に変換するため、広色域やCMYKの画像は色が少し変わることがあります。
スマートフォンの写真が、他の場所では横向きに見えていたのに、まっすぐな向きになる。これは正しい動作です。写真に保存された回転情報が変換時に適用されるため、PNGは常に正しい向きになります。
ファイルが思ったより大きくなります。SVGは短い描画命令の集まりですが、PNGはすべてのピクセルを保存するため、出力は通常大きくなり、選んだ幅に応じてさらに大きくなります。

コマンドラインでSVGをPNGに変換

ターミナルを使う場合は、ImageMagickでSVGをPNGに1行で変換できます。

magick input.svg output.png

フォルダ内のすべてのSVGをまとめて変換するには、magick mogrify -format png *.svgを使います。SVGで最良の結果を得るには、-densityまたは-resizeでサイズを指定してください。このページの変換ツールなら、何もインストールせずに同じことができます。