SVGからPNG変換ツール

SVGからPNG変換ツールは、スケーラブルベクターグラフィックスを ラスター画像（PNGまたはJPEG）に変換する無料のブラウザベースツールで、 サーバーへのアップロードは一切不要です。ベクターソースからRetina解像度 のアプリアイコンを生成したい場合、SVGをサポートしていないプラット フォーム向けに画像を準備したい場合、デザインモックアップをすばやく エクスポートしたい場合など、数秒で処理できます。

すべての変換はHTML5 Canvas APIを使用してお使いのデバイス上で完全に 行われます。SVGを提供すると（コードの貼り付けまたはファイルの アップロード）、ツールはSVGコンテンツをデータURLとしてエンコードした Image要素を作成します。画像が読み込まれると、選択した寸法と スケールファクターでオフスクリーンの<canvas>に描画されます。 その後、キャンバスはcanvas.toBlob()を使用してPNGまたはJPEG blobとしてエクスポートされ、ダウンロード可能になります。

すべてがクライアントサイドで実行されるため、SVGデータがお使いの端末 から外に出ることはありません。ネットワークリクエスト、一時保存、 サードパーティサービスの関与はありません。そのため、独自のデザイン、 ブランドアセット、プライベートにしておきたいあらゆるSVGコンテンツにも 安全です。ページが読み込まれた後はオフラインでも動作します。

ツールはSVGのwidth、height、viewBox属性から固有の寸法を 自動検出します。viewBoxのみが存在する場合（FigmaやIllustratorなど のデザインツールでよく見られます）、ブラウザが正しいサイズでSVGを レンダリングするよう明示的な寸法を注入します。その後、Retinaディスプレイ 向けに2x、3x、4x、またはカスタム倍率で出力をスケーリングしたり、 特定のピクセル寸法でオーバーライドしたりできます。

PNG出力ではデフォルトで透明度が保持されるため、ロゴやアイコンに 最適です。必要に応じて背景色を設定することも可能です。JPEG出力では、 品質スライダーでファイルサイズと視覚的忠実度のバランスを調整でき、 出力寸法とファイルサイズがリアルタイムで表示されます。

1. SVGファイルをアップロードゾーンにドラッグ＆ドロップするか、クリックしてファイルを参照するか、SVGコードをテキストエリアに直接貼り付けます。
2. 入力エリアの下に表示されるSVGプレビューと固有の寸法を確認します。
3. Scale倍率（1x、2x、3x、4x、カスタム）を選択してSVGの寸法を乗算します。または、特定のWidthやHeightをピクセルで入力してスケールをオーバーライドします。
4. Backgroundを設定します。デフォルトは透明（PNGのみ）で、カスタム色も選択可能です。JPEGの場合、透明度がサポートされないため背景色が必要です。
5. Output Format（PNGまたはJPEG）を選択します。JPEGを選択した場合、Qualityスライダーで圧縮を調整します。
6. 変換された画像が出力プレビューに自動表示されます。Downloadでファイルを保存するか、Copyでクリップボードにコピーします。Ctrl+Shift+Cをキーボードショートカットとして使用できます。