SVG → PNG 変換ツール

SVG → PNG 変換ツールとは？

deftdeck の SVG → PNG 変換ツールは、拡大縮小自在なベクター画像を一般的な画像形式にラスタライズする無料のブラウザツールです。デザイナー、開発者、アイコン制作者、そしてベクターソースから平坦なビットマップが必要なすべての人が、.svg ファイルをドロップするか SVG コードを貼り付けて、PNG・JPEG・WebP を書き出せます。SVG は解像度に依存しないため、出力サイズは自由に決められます。目標の幅と高さをピクセルで入力するか、SVG 本来のサイズを保ったまま倍率を上げて、Retina ディスプレイ向けに 2 倍や 3 倍でレンダリングできます。PNG と WebP は透過を保ち、JPEG は透明部分を白い背景に平坦化します。サイズや形式を変えるとプレビューがリアルタイムで更新され、ダウンロード前にクリックして拡大確認できます。

SVG → PNG 変換ツールの使い方

1. .svg ファイルをドロップゾーンにドラッグ＆ドロップするか、クリックして端末から選びます。
2. または「SVG コード」欄に SVG コードを直接貼り付ければ、ファイルなしで変換できます。
3. 幅と高さをピクセルで調整するか、倍率を設定して SVG の元サイズを掛け合わせ、高精細な出力にします。
4. 「設定」を開いて出力形式を選びます：PNG（透過を保持）、JPEG（白背景）、または WebP。
5. 自動的に更新されるリアルタイムプレビューを確認し、クリックすると拡大用ライトボックスが開きます。
6. 「ダウンロード」をクリックすると、ピクセル寸法を含むファイル名でラスタライズした画像が保存されます。

使用例

よくある質問

対応している出力形式は何ですか？

PNG・JPEG・WebP を書き出せます。PNG と WebP は透過を保ちますが、JPEG 形式にはアルファチャンネルがないため、JPEG では透明部分が白い背景に平坦化されます。

出力解像度はどう調整しますか？

幅と高さの欄を希望のピクセルサイズに設定するか、SVG の元サイズのままにして倍率（例：2 や 3）を上げると、高精細画面向けに大きく鮮明なビットマップをレンダリングできます。

SVG が空白になったり変換に失敗するのはなぜですか？

SVG はブラウザが画像としてレンダリングできる有効なコードである必要があります。外部リソースやフォント、スクリプトを参照する SVG は canvas 上で同じように描画されないことがあります。確実な結果のために、それらのリソースやフォントはインラインで埋め込んでください。

ファイルをアップロードせずに SVG コードを貼り付けられますか？

はい。SVG コードを SVG コード欄に貼り付ければ、ドロップしたファイルと同じように変換され、アップロードは不要です。

私の SVG はサーバーにアップロードされますか？

いいえ。変換は HTML canvas を使ってブラウザ内で 100% クライアントサイドで実行されます。SVG と生成された画像が端末の外に出たり、deftdeck やいかなるサーバーに送信されることはありません。