SVGベクター画像をPNGに変換
SVGはロゴ、アイコン、イラストに最適なフォーマットです。ファイルサイズが軽く、どんなサイズに拡大・縮小しても画質が劣化しません。しかし、SNS、メールソフト、オフィス文書、アプリストア、一部のCMS、多くの画像編集ソフトなど、SVGファイルに未対応の環境も少なくありません。これらは通常のビットマップ画像を必要とします。このコンバーターは、ブラウザ上でSVGファイルをPNG画像に変換します。透明な背景を保持したまま、必要なサイズで正確に出力できます。
主な機能
- 1倍、2倍、4倍、8倍の倍率指定、またはピクセル単位での正確な幅の指定。
- ベクター画質での出力: 指定したサイズで再レンダリングされるため、引き伸ばされてぼやけることはありません。
- 背景透過（デフォルト）、または任意の背景色の指定。
- 複数のSVGファイルを一度に処理し、ZIPでダウンロードできる一括変換。
- SVGのサイズやviewBoxに基づいた正確なアスペクト比（縦横比）。
- プライバシー保護: ファイルはローカルで処理され、サーバーには一切アップロードされません。
最適なサイズの選び方
| 用途 | 推奨サイズ |
|---|---|
| Webサイトのアイコンやロゴ | 表示サイズの2倍 |
| アプリのアイコン | 512 × 512 または 1024 × 1024 px |
| ファビコン | 幅 32、180、512 px |
| SNSのプロフィール画像 | 幅 400〜800 px |
| スライドや文書 | 幅 1000〜2000 px |
| 印刷 | インチ単位の幅 × 300 |
SVGは解像度に依存しないため、必要よりも大きめのサイズで書き出し、後からPNGを縮小しても問題ありません。2倍のサイズで書き出すことで、Retinaなどの高画素密度ディスプレイでもくっきりと鮮明に表示されます。
PNGの見た目が異なるのはなぜですか？
ほとんどのSVGファイルは正常に変換されます。見た目が異なる場合、通常はSVG自体に含まれていない以下のリソースが原因です：
- Webフォント: Google FontsやスタイルシートからリンクされたWebフォントは読み込まれないため、テキストはデフォルトのフォントで表示されます。エクスポートする前に、デザインツールでテキストをアウトライン化してください。
- 外部画像: URLやファイルパスで参照されている外部画像はブロックされます。代わりにデータURLとしてSVG内に埋め込んでください。
- アニメーション: SVG内のアニメーションは、最初のフレームのみが画像化されます。
関連ツール
ファイルサイズを小さくしたい場合は、画像圧縮でPNGを圧縮するか、PNG JPG 変換をお試しください。画像のサイズを変更するには画像サイズ変更を、他のフォーマットへ変換するには画像変換をご利用ください。