SVGからPNGへ変換
SVGベクター画像をカスタムスケールでPNGラスター形式に変換。
このツールについて
「SVG to PNG Converter」は、SVGベクターグラフィックスを、お好みの解像度スケール（1倍～8倍）でPNG画像に変換する無料のオンラインツールです。SVGファイルをアップロードし、倍率を選択するだけで、高品質なPNG画像をすぐにダウンロードできます。ブラウザ独自のSVGレンダリングエンジンを使用しているため、グラデーション、フィルター、マスク、テキストなど、SVGの標準的な機能がすべて正確に再現されます。
レンダリングは完全にクライアントサイドで行われます。SVGファイルがブラウザの外に出ることはありません。スケール係数はSVGで指定された寸法に掛け算されるため、4xのスケールで100×100のSVGを使用すると、400×400のPNGが生成されます。Retina (@2x、@3x) 対応デバイスのアセット、印刷品質の出力、あるいはベクターソースから高ピクセル密度のラスター画像が必要なあらゆる場面では、より高いスケール値を使用してください。
SVGからPNGへの変換は、アプリストア向けにアイコンセットをSVGからPNGへエクスポートする場合、ベクターアートワークから印刷品質のロゴ画像を作成する場合、モバイルやWeb向けに@2xおよび@3xのRetina画像アセットを生成する場合、またプレゼンテーション、メール、ドキュメントへのエクスポート用にSVGの図やイラストをPNGに変換する場合などに特に役立ちます。
ファイルをドラッグ＆ドロップ、またはクリックして選択
使い方
- 1
Upload your SVG file by clicking the upload area or dragging it in.
- 2
Choose the scale factor (1x to 8x) for the output resolution.
- 3
Download the rasterized PNG at your chosen resolution.
- 4
Retina/HiDPIディスプレイ用に2倍または4倍のスケールを使用し、@2xおよび@4xの画像アセットを作成してください。
- 5
アイコン、ロゴ、図表などを印刷品質でラスタライズするには、6倍または8倍の拡大率を使用してください。
機能
Configurable Scale
Render SVGs at 1x up to 8x scale for high-resolution PNG output suitable for print.
Full SVG Support
Renders SVGs using the browser engine, supporting gradients, filters, masks, text, and animations.
Vector-to-Raster
Convert scalable vector graphics to raster PNG for use in apps that don't support SVG.
No Upload
All rendering happens locally in your browser. Your SVG files never leave your device.
一般的な利用例
- ›Webおよびモバイルアプリ向けのRetinaディスプレイ用アセットとして、SVGアイコンを2倍および4倍の解像度でPNG形式にエクスポートします。
- ›印刷、プレゼンテーション、またはソーシャルメディアでの使用に備え、SVGロゴを高解像度のPNGに変換します。
- ›SVG形式の図やイラストをPNG形式に変換し、メール、Word文書、またはKeynoteで使用できるようにします。
- ›iOS、Android、またはPWA用のアイコンセット向けに、SVGソースファイルからアプリアイコンのPNG画像を生成します。
よくある質問
スケールオプションは？
SVGサイズを倍率で拡大。2xは2倍、4xは4倍サイズの画像を出力。
複雑なSVGに対応？
はい、ブラウザエンジンでレンダリングし、グラディエント・フィルター・テキスト等に対応。
なぜSVGをPNGに変換する必要があるのですか？
SVGはすべてのアプリケーションでサポートされているわけではありません。メールクライアントや多くのソーシャルプラットフォーム、一部のCMSツールでは、ラスター画像が必要となります。SVGをPNGに変換することで、選択した解像度での画質を維持しつつ、最大限の互換性を確保できます。
Retinaディスプレイ用に、どの解像度でエクスポートすればよいでしょうか？
標準のRetinaディスプレイ用には2x（@2xアセット）を使用してください。iPhone Retina Plus用には3x（@3xアセット）を使用してください。複数のサイズが必要な場合は、異なる倍率で変換を複数回実行してください。
私のSVGファイルはサーバーにアップロードされていますか？
いいえ。SVGは、ブラウザ内でCanvasまたはImage要素を使用してレンダリングされます。ファイルが端末の外に出ることはありません。