ツール一覧に戻る

SVG→PNG変換 — ベクター画像をピクセル画像に変換

SVGベクター画像をPNGに変換。SNS投稿、プレゼン資料、印刷用途など、ラスタ画像が必要な場面で使えます。

完全ローカル処理

SVGファイルをドロップ、またはクリックして選択

.svg (複数選択可)

フォーマット比較

変換元

SVG(Scalable Vector Graphics)はXMLベースのベクター画像フォーマットで、どんなサイズでも鮮明に表示されます。

メリット

  • 無限にスケーラブル
  • テキストとして編集可能
  • アニメーション対応

デメリット

  • 写真には不向き
  • 複雑な画像で重くなる
変換先

PNG(Portable Network Graphics)は可逆圧縮を採用し、透過をサポートする画像フォーマットです。ロゴやスクリーンショットに最適です。

メリット

  • 可逆圧縮で品質維持
  • アルファ透過対応
  • シャープなエッジに最適

デメリット

  • ファイルサイズが大きい
  • 写真には非効率

SVGからPNGへの変換が必要な場面

SVGをPNGに書き出して、SVG非対応の環境でも使えるようにしたいときに。SNSやドキュメント貼り付け向けの画像化に便利です。

フォーマット技術解説

SVG の技術仕様

技術仕様


SVGはベクター画像のため、拡大縮小しても輪郭が崩れません。PNGなどのラスタ画像へ変換するときは、どのサイズで書き出すかが重要になります。

向いている用途

- ロゴ/アイコン: 解像度に依存しない素材
- 資料/スライド: 図や簡易イラスト

注意点

- サイズ指定: SVGのwidth/heightやviewBoxによって、書き出しサイズが変わります。必要ならリサイズで調整してください
- 見え方: フォントやフィルターは環境で差が出る場合があります。重要なデザインはプレビューで確認するのが確実です

参考: W3C: SVG 2
PNG の技術仕様

技術仕様


PNGは可逆圧縮のラスター画像フォーマットで、ピクセルをそのまま保持します。透過(アルファ)に対応しているため、ロゴやUI素材でもよく使われます。

向いている用途

- ロゴ/アイコン: 透明背景が必要な素材
- スクリーンショット: 文字や線がシャープな画像

注意点

- 写真: 容量が大きくなりやすい(WebP/JPEGが向くこともあります)
- 画質設定: 可逆形式のため「品質」設定の影響は小さい/ない場合があります

参考: W3C: PNG 3rd Edition

使い方

1

ファイルを追加

変換したいSVG ファイルをドロップ、またはクリックして選択(複数OK)

2

出力形式を確認

既定はPNG です。必要に応じて他の形式へ変更できます。

3

オプションを調整

画質・リサイズ・Exif保持を、必要なときだけ設定します。

4

変換してダウンロード

変換後は個別にダウンロードできます。複数枚ならZIPでまとめて取得できます。

よくある質問

SVGとPNGはどう違いますか?

SVGはベクター形式で拡大縮小しても劣化しません。PNGはピクセル形式で互換性が高く、どこでも表示できます。

出力サイズは選べますか?

SVGは解像度に依存しないため、変換時のcanvasサイズによって出力解像度が決まります。

透過は保持されますか?

はい。SVGの透過部分はPNGのアルファチャンネルとして正しく保持されます。

変換すると画質は落ちますか?

出力形式によります。PNGは可逆圧縮なので画質は変わりません。JPEG/WebP/AVIF/JXLなどの非可逆形式は、画質(品質)設定でファイルサイズと見た目が変わります。公開前に実物で確認するのが確実です。

メタデータ(Exif)は保持できますか?

「Exif/メタデータを保持」をONにすると、可能な範囲で撮影日時・カメラ情報・位置情報などを引き継ぎます。入力画像や出力形式、ブラウザ環境によっては一部タグが保持できない場合があります。公開用に位置情報を削除したいときはOFFにしてください。

一度に何枚まで変換できますか?

複数ファイルの選択に対応しています。変換後は個別にダウンロードでき、複数枚ならZIPでまとめてダウンロードも可能です。大量の画像は数回に分けると安定します。

画像はサーバーにアップロードされますか?

いいえ。変換処理はブラウザ内で完結し、画像データが外部に送信されることはありません。

変換に失敗したり、遅いときは?

HEIC/HEIFなど一部形式の読み込みはブラウザの対応状況に左右されます。うまくいかない場合は別ブラウザを試す、枚数を減らす、リサイズしてから変換する、などをお試しください。

参考情報

最新記事