メール、ドキュメント、フォトエディタなど、どこでも動作するフォーマットが必要な場合は、SVGベクターグラフィックをPNGラスター画像に変換しましょう。
変換はブラウザ内でローカルに行われ、アップロードされるものはありません。
このツールの使い方
SVGを追加
SVGファイルをツールにドラッグ＆ドロップするか、ファイルを選択してください。
PNGがあらかじめ選択されています
出力は高品質な可逆PNGに設定されています。
ダウンロード
どこでも使えるPNGをダウンロードします。
このセクションは現在英語でのみ提供されています。
Why rasterise an SVG, and what "rasterise" means
SVG stores shapes as maths: a circle is a centre, a radius and a stroke. PNG stores a grid of pixels. Converting between them is not a format swap like WebP to PNG — it is a rendering step, and it has to make decisions that SVG never had to make.
The main decision is size. An SVG has no intrinsic resolution; it is sharp at any scale. A PNG does not, so you must choose the pixel dimensions and the rendering resolution at export time. Export too small and it will look soft when displayed larger; export too large and the file is needlessly heavy.
Choosing the export size
Work backwards from how the image will be displayed. If it will sit in a 400-pixel-wide slot on a high-DPI screen, export at 800 pixels. If it is destined for print, aim for 300 DPI at the final printed size — a 2-inch logo needs about 600 pixels.
Things that commonly go wrong
- Text renders with a substitute font when the SVG references a font the renderer does not have — convert text to outlines in the source file if the exact typeface matters.
- Filters, blend modes and masks are the SVG features most likely to render differently or not at all.
- Transparency is preserved by PNG; if you need a solid background you must add it explicitly, or the image will have transparent areas.
- Keep the SVG. The PNG is a frozen, single-resolution copy and cannot be scaled back up cleanly.
よくある質問
なぜSVGをPNGにラスタライズするのですか?
PNGはSVGが対応していない場所、つまりメールクライアント、チャットアプリ、ほとんどの画像エディタで動作します。
PNGは大きくなりますか?
SVGはベクターのため、多くの場合ごく小さなファイルです。PNG版は画像の寸法によって異なりますが、品質は完全に保たれます。
無料ですか?
はい。無料、無制限、アカウント不要です。