SVG→PNG
SVG コードや SVG ファイルを PNG に変換できます。倍率指定と幅高さ指定を切り替えながら、背景色付きの書き出しもブラウザ内だけで行えます。
SVG 入力
プレビュー
元 SVG
PNG 結果
元サイズ
-
出力サイズ
-
PNG容量
-
倍率
-
このツールについて
SVG→PNG ツールは、ベクターのロゴやアイコン、SNS カード用の SVG テンプレートをラスタ画像として配布したいときに使うページです。SVG コードの直接編集とファイル読み込みの両方に対応しています。
倍率指定では元の viewBox や width / height を基準にサイズを拡大し、幅高さ指定では最終的な PNG のピクセル数を直接決められます。透明背景のまま書き出すことも、任意の背景色を敷いて書き出すこともできます。
変換はブラウザ内の Image と Canvas だけで行うため、SVG や生成結果を外部へ送信しません。簡単なバナーやプレゼン用画像の作成前確認にも向いています。
使い方
- まず「幅」を設定し、必要に応じてファイル選択や「高さ」などの条件も整えます。
- 次に「変換」を実行して、「プレビュー」を更新します。
- 最後に表示された「プレビュー」を確認し、必要であれば「PNGをダウンロード」で再利用します。
画像系の処理はプレビューを見ながら設定を少しずつ変えると仕上がりを把握しやすくなります。ファイルもブラウザ内だけで処理されるため、アップロードなしで確認できます。
SVG→PNGとは？
SVG コードや SVG ファイルを PNG に変換できます。倍率指定と幅高さ指定を切り替えながら、背景色付きの書き出しもブラウザ内だけで行えます。 SVG→PNG ツールは、ベクターのロゴやアイコン、SNS カード用の SVG テンプレートをラスタ画像として配布したいときに使うページです。SVG コードの直接編集とファイル読み込みの両方に対応しています。 倍率指定では元の viewBox や width / height を基準にサイズを拡大し、幅高さ指定では最終的な PNG のピクセル数を直接決められます。透明背景のまま書き出すことも、任意の背景色を敷いて書き出すこともできます。 変換はブラウザ内の Image と Canvas だけで行うため、SVG や生成結果を外部へ送信しません。簡単なバナーやプレゼン用画像の作成前確認にも向いています。
よくある質問
Q: このツールは無料ですか？
はい、完全無料で登録不要です。すべての処理はブラウザ内で行われ、データが外部に送信されることはありません。
Q: 「幅」と「高さ」はどう使い分けますか？
基本は「幅」から設定し、必要に応じて「高さ」や「背景色」で細かく調整します。「変換」を実行すると「プレビュー」へ反映されるので、条件差を見比べながら調整できます。
Q: 「プレビュー」はそのまま再利用できますか？
はい。表示された「プレビュー」は「PNGをダウンロード」で持ち出しやすく、資料作成や別の実装作業へそのままつなげられます。条件を変えて複数パターンを作り、比較しながら使う運用にも向いています。
Q: スマートフォンでも使えますか？
はい、レスポンシブデザインに対応しており、スマートフォン・タブレットでもご利用いただけます。