SVG 一括変換ツール(バッチ処理) 数百個のSVGをPNG・JPG・WebPへ一括変換しZIPアーカイブで即座に保存

SVGアイコンのフォルダや複数ファイルをまとめてドラッグ&ドロップするだけで、PNG・JPG・WebPへ同時に一括変換。サーバーへの送信なし・枚数制限なしでブラウザ内で高速処理します。

100% ブラウザ内ローカル処理 — ファイルはサーバーに送信されず、プライバシーを完全保護

ここにフォルダまたは複数のSVGファイルをドロップしてください

またはクリックして参照

出力フォーマット

変換設定

出力サンプル・比較事例

SVG一括変換のパフォーマンスと出力実例

デザインシステムのアイコンセットやEC用バッジライブラリをまとめて変換・ZIPパッケージ化した際の実測データです。

UIアイコン120個 → @2x PNG ZIP (処理1.8秒) #01

デザインシステム用アイコンセットの一括PNG化

入力データ
SVGアイコン 120ファイル (合計 215 KB, 24×24 viewBox)
出力結果
ZIPアーカイブ:透過PNG 120枚 (48×48 px, 合計 412 KB)

120個のUIアイコンを2倍(Retina)スケール・透過背景維持のまま一括ラスタライズ。全ファイルに「icon_」プレフィックスを自動付与し、わずか2秒未満で単一のZIPファイルにパッケージングしました。

マルチフォーマット同時出力 (PNG + WebP) #02

ECサイト用決済ロゴ・トラストバッジ45点の一括出力

入力データ
ブランドロゴSVG 45ファイル (合計 380 KB)
出力結果
ZIPアーカイブ:PNG 45枚 + WebP 45枚 (2x拡大, 画質92%)

1回のバッチ処理でロスレス32ビットPNGと軽量WebPの両方を同時生成。WebP形式は透過エッジの鮮明さを保ちながら、PNG比で64%のファイルサイズ削減を達成しました。

白背景合成 → JPG一括変換 (4x Ultra HD) #03

建築・特許ワイヤーフレーム図面の白背景JPG化

入力データ
透過ワイヤーフレームSVG 32ファイル (合計 540 KB)
出力結果
ZIPアーカイブ:プログレッシブJPG 32枚 (4x拡大, #FFFFFF背景)

背景が透明な32枚のCAD・構成図SVGに純白(#FFFFFF)背景を一括合成し、高画質プログレッシブJPGとして出力。古い文書管理システムで透過図面が黒く塗りつぶされるトラブルを防止します。

1. 解決できる課題と活用シーン

このSVG一括変換ツールが解決する具体的な課題

IllustratorでSVGを1つずつ開いて書き出したり、「1回5ファイルまで」の制限があるオンライン変換サイトで何度もやり直す手間を完全に解消します。

大量のアイコンライブラリ(Figma / Feather等)の一括書き出し

アプリ開発、Stream Deckのアイコン設定、ゲーム制作などで数百個のPNGアイコンが必要な際、フォルダごとドロップするだけで統一倍率(@2x / @4x)のPNGセットをZIPで一括取得できます。

1回の操作でPNG・JPG・WebPを同時に生成

Web高速化用のWebP、透過フォールバック用のPNG、白背景サムネイル用のJPGを別々に変換する必要はありません。複数の出力形式にチェックを入れるだけで全フォーマットを同時生成します。

アップロード枚数制限の撤廃と機密デザインの保護

一般的なクラウド型一括変換サイトは無料枠が数ファイルに制限され、データが外部サーバーへ送信されます。本ツールはお使いのPCメモリとクライアント側JSZipで処理するため、無制限かつ安全です。

2. 準備する入力ファイルと仕様

一括変換の前に準備する入力ファイルと仕様

数十〜数百個のSVGファイルをエラーなくスムーズに一括処理するため、以下の点をご確認ください。

複数の .svg ファイル、またはフォルダごとのドラッグ&ドロップ

ファイル選択ダイアログでの複数選択、またはFinder / エクスプローラーからフォルダごとのドロップに対応しています(フォルダ内のSVG以外のファイルは自動的に除外されます)。

各SVGファイルの適切な viewBox / サイズ定義

一括変換では各ファイルの元サイズに対して倍率(1x、2x、4x)を掛けるため、各SVGの<svg>タグに正しいviewBoxまたはwidth/height属性が含まれていることを確認してください。

テキストを含むSVGの事前アウトライン化

ラベルやバッジなど文字(<text>タグ)を含むSVGを一括変換する場合、フォント置換を防ぐため事前にベクターパス(アウトライン)へ変換しておくことを推奨します。

推奨バッチサイズ(1回あたり50〜500ファイル程度)

ソフト上の制限はありませんが、ブラウザのメモリ内でZIPアーカイブを構築するため、1,000個を超える高解像度変換を行う場合は300〜500個程度に分けて実行すると最も高速に動作します。

3. 具体的な操作手順

SVGファイルを一括変換する具体的な手順

1

1. フォルダまたは複数のSVGファイルをドロップ

アップロード領域にフォルダまたは複数の.svgファイルをドラッグ&ドロップします(「サンプルSVGバッチを読み込む」でテスト実行も可能です)。

2

2. 出力フォーマット(PNG / JPG / WebP)を選択

変換したい形式にチェックを入れます(複数同時選択可)。JPGやWebPを選んだ場合は、品質スライダーやプログレッシブエンコードの有無を調整できます。

3

3. 解像度倍率・背景カラー・ファイル命名規則を設定

スケール倍率(1x、2x Retina、4x Ultra HD)と背景色(透明、白、黒、カスタム色)を選び、必要に応じてプレフィックス(接頭辞)やフォーマット接尾辞を設定します。

4

4. 一括変換を開始してZIPアーカイブをダウンロード

「一括変換を開始」をクリックするとリアルタイムに進捗バーが進みます。完了後、「ZIPをダウンロード」ボタンを押して全ファイルをまとめて保存します。

4. 出力結果の活用方法

一括出力されたZIPファイルの活用シーン

ダウンロードされたZIPファイルを展開すると、命名規則と解像度が統一された画像アセットとして即座に実務へ投入できます。

ゲームエンジンのスプライト素材&Stream Deckアイコン集

サイズと透過処理が統一されたPNGアイコン群を、Unity、Unreal Engine、GodotのアセットフォルダやElgato Stream Deckのプロファイルへそのままインポートできます。

Webサイトの次世代フォーマット(WebP+PNG)一括配置

同時出力した同名の.webpと.pngファイルをサーバーへ配置し、HTMLの<picture>タグで読み込むことで、表示速度の改善(Core Web Vitals向上)と後方互換性を両立できます。

ECサイトの商品スペックアイコン・サイズ表の一括登録

白背景を合成したJPGや透過PNGの洗濯表示マーク・認証バッジ・カテゴリアイコンを、ShopifyやECカートシステムのCSV一括登録用画像として活用できます。

5. うまくいかないケースと対処法

一括変換でうまくいかないケースと対処法

大量のSVGファイルをまとめて処理する際によくある注意点と解決策は以下の通りです。

JPG形式で出力したら透明な背景が黒や白で塗りつぶされた

原因:

JPEG(.jpg)規格は仕様上アルファ透過チャンネルをサポートしていないため、透明領域は必ず単色で塗りつぶされます。

解決策:

背景を透過させたい場合は出力形式に「PNG」または「WebP」を選択してください。JPGが必要な場合は背景色設定で明示的に「白」などを指定してください。

同じバッチ内で出力された画像のピクセルサイズがバラバラになる

原因:

一括変換は各SVGの元サイズに対する倍率(1x、2x、4x)で計算されるため、元が16×16のSVGと64×64のSVGが混在していると2x出力時も32×32と128×128になります。

解決策:

特定のSVGに対して「幅1000×高さ1000 px」のような絶対ピクセル指定や300 DPI設定を行いたい場合は、トップページの「SVG PNG 変換ツール (/)」をご利用ください。

1,000個以上のファイルを4x(Ultra HD)で一度に変換するとブラウザが重くなる

原因:

数千枚の4Kビットマップ展開とZIP圧縮を同時に行うと、ブラウザタブ1つあたりのメモリ上限(約2GB〜4GB)に達する場合があります。

解決策:

4x高解像度での大量変換時は1回あたり100〜250ファイル程度に分けて処理し、バッチごとに「すべてクリア」を押してメモリを解放してください。

6. 関連ツールとの違い・比較

関連ツール・他社サービスとの違いと比較

当サイトの「単体・精密変換ツール」および一般的なクラウド一括変換サービスとの機能比較です。

比較項目・機能 SVG 一括変換(このツール) SVG PNG 変換ツール (/) 一般的なクラウド一括変換サイト
対応する出力フォーマット 1回のバッチで PNG・JPG・WebP の3形式を同時出力可能 32ビット透過PNG出力に特化(300 DPI印刷用pHYsメタデータ対応) 1回につき1形式のみ(別形式にするには再アップロードが必要)
一括リネーム&ZIP圧縮 カスタム接頭辞(プレフィックス)・形式接尾辞の付与&自動ZIP作成 元のファイル名を維持して個別保存または簡易ZIP保存 勝手にサービス名の文字列やランダムな英数字が付与されることが多い
サイズ・解像度の制御 全ファイルに対する一括倍率スケーリング(1x / 2x Retina / 4x Ultra HD) 幅×高さ(px)の数値直接指定+72 / 150 / 300 DPI設定 無料版は等倍(1x)固定が多く、高解像度化は有料プラン限定
枚数制限とプライバシー 1日の枚数制限なし — 100%ブラウザ内ローカル処理で外部送信ゼロ 無制限のローカル変換+<svg> XMLコードの直接貼り付けに対応 「1回5〜20ファイルまで」の厳しい制限があり、外部サーバーへ保存される
7. よくある質問とトラブルシューティング

よくある質問とバッチ処理のトラブルシューティング (FAQ)

一度に何個のSVGファイルまで一括変換できますか?上限はありますか?

当ツールには課金壁や人工的なファイル数制限は一切ありません。すべてのラスタライズとZIP作成をお使いのブラウザ内(PCのCPUとメモリ)で処理するため、通常のPCであれば100〜500個のSVGアイコンを数秒で一括変換できます。数千ファイルある場合は、300〜500個ずつに分けて実行すると最も快適です。

複数のSVGをPNGとWebPの両方に同時に変換することはできますか?

はい、可能です!「出力フォーマット」欄でPNGとWebP(さらにJPGも可)の両方にチェックを入れて変換を開始してください。キュー内のすべてのSVGに対して各フォーマットの画像が同時生成され、1つのZIPファイルにまとめてダウンロードできます。

一括変換した後も元のファイル名は維持されますか?

はい、デフォルトで「元の名前を維持」がオンになっているため、search.svg は search.png として出力されます。さらに「ファイル命名」オプションを開けば、全ファイルの先頭に icon_ などのプレフィックスを一括追加することも可能です。

WebP形式で一括出力した場合も背景の透過は維持されますか?

はい。PNGとWebPはどちらもアルファチャンネル(透明背景)に完全対応しています。背景色で「透明」を選択していれば、.png と .webp の両方で美しい透過背景が維持されます(.jpg のみ仕様上透過非対応のため指定背景色で塗りつぶされます)。

変換前のSVGコードを軽量化したり、変換後のPNGをさらに圧縮したい場合は?

SVGファイル自体のコードサイズを削減したい場合は「SVG 軽量化ツール (/svg-optimizer/)」を、一括出力したPNG画像のファイル容量を画質・透過維持のまま50%〜75%削減したい場合は「PNG 圧縮ツール (/png-compressor/)」を続けてご利用ください。

関連する画像・ベクターツール

用途ごとに特化したブラウザ完結型ツールと連携して作業を効率化できます。

このツールを共有

この無料でプライベートなSVGからPNGへのコンバーターを他の人が見つけられるように手伝ってください。