寸法と余白を先にそろえる
SVGアイコンのフォルダでは、異なるviewBox、見えない余白、配置ルールが混在しがちです。プレビューを確認し、共通の出力幅を指定すると、デザインシステムやアプリ素材で扱いやすいPNGになります。
- アイコンセットでは可能な限りviewBox比率をそろえます。
- 大きなフォルダを変換する前に少量でテストします。
- 背景を変えて使うアイコンは透明PNGを維持します。
最大10個のSVGファイルをここにドロップ
複数のSVGファイルをまとめて透明PNGに変換。ファイルを外部へ送信せず、変換結果をZIPで保存できます。
一括変換前のチェックリスト
元のSVGのサイズ、余白、レンダリング条件が揃っているほど、一括変換の結果を確認しやすくなります。ZIPを保存する前に確認してください。
フォントや外部リソースによる差を避ける
一括変換では各SVGをブラウザで描画します。外部フォント、外部画像、未対応の効果に依存するSVGは表示が変わることがあるため、重要なブランド素材は事前に整理してから書き出します。
- ブランド文字は一括書き出し前にアウトライン化します。
- 画像はリモート参照ではなく埋め込みます。
- ブラウザが重くなる場合は大きなバッチを分割します。
SVGをPNGへまとめて変換
ブラウザ内でSVGをPNGに一括変換。出力設定を統一し、透明背景を保ちながらZIPでまとめて保存できます。
ブラウザ内でまとめて処理
すべての画像はブラウザ内で処理され、変換対象のファイルが外部サーバーへ送信されることはありません。
ZIPでまとめてダウンロード
変換後の画像を1つのZIPファイルにまとめて保存できます。1枚ずつダウンロードする必要はありません。
共通の出力設定
共通の出力幅と画像形式を一度設定できます。各SVGの縦横比を保ちながら、同じ条件で書き出します。
一括変換の使い方
1
SVGファイルを追加
SVGを含むフォルダまたは複数のSVGファイルを、上の領域にドラッグ＆ドロップします。
2
出力設定をそろえる
出力形式（PNG/JPG/WebP）と出力幅を設定します。
3
変換してZIPで保存
「ZIPで一括ダウンロード」をクリックすると、変換後の画像をまとめたZIPファイルが端末に保存されます。
よくある質問
一度に変換できるSVGファイルは最大10個です。ファイル数が多い場合は、10個ずつに分けて変換してください。
はい、完全に対応しています。出力形式にPNGを選択すれば、透明背景を持つすべてのSVGで透明度（アルファチャンネル）がそのまま保持されます。
SVGは指定した出力サイズでラスタライズされるため、必要な寸法を変換前に設定すると、後から拡大するより鮮明に書き出せます。ただし、埋め込み画像、フィルター、フォントなど、SVG内部の構成によって見え方が変わる場合があります。
変換対象のファイルは外部サーバーへアップロードされず、お使いのブラウザ内で処理されます。サイト全体で利用する広告やCookieなどのデータ処理については、プライバシーポリシーをご確認ください。
最新記事
すべて表示 →SVGをPNGに一括変換するときのサイズ、余白、透過背景の決め方
一括変換でPNGのサイズや位置がバラバラにならないように、SVGのviewBox、余白、透過背景、命名ルールを整える方法を解説します。
Jack2026/6/30
PNG、JPG、WebP、AVIFの違いと選び方
ロゴ、写真、スクリーンショット、透過画像、Web用画像で、PNG、JPG、WebP、AVIFのどれを選ぶべきかを実用的に解説します。
Jack2026/6/30
SVGのフォント、外部画像、filterが書き出しで失敗する理由
SVG書き出しで起きるフォント置き換え、外部画像の欠落、filterの違い、maskやclipPathの失敗を実用的に確認します。
Jack2026/6/30