SVG を PNG に
透明な背景を使用してオンラインで SVG を PNG に変換します
必要な幅、高さ、DPIで鮮明なPNGを作成します。透明な背景を維持するか単色を追加し、最大40個のSVGファイルをブラウザ内でまとめて変換できます。
新規ファイルの既定値を編集しています
プレビュー
プレビューはありません。ファイルを追加して選択すると結果が表示されます。
ファイルがありません。上にドロップするか、「ファイルを選択」を押してください。
SVG とは
SVG（Scalable Vector Graphics）は XML をもとにしたベクター画像形式です。ピクセルではなく、図形、パス、塗り、線を数式で表すため、どんなサイズで描画しても品質が落ちません。
SVGはWeb標準のベクター形式です。すべての最新ブラウザでネイティブに表示でき、CSSでの装飾やJavaScript、SMILによるアニメーションにも対応します。ロゴ、アイコン、イラストでは軽量になりやすい一方、複雑なSVGはファイルサイズが大きくなる場合があります。
PNG とは
PNG（Portable Network Graphics）は、アルファチャンネルによる完全な透過に対応した可逆圧縮のラスター画像形式です。透過 PNG はアイコン、スクリーンショット、イラストなど、輪郭のくっきりした画像や透明な背景が必要な画像に最適です。
SVG とラスター形式の比較
ベクター画像（SVG）とラスター画像（PNG、JPG）は用途が異なります。画像を何に使うかによって適した形式が決まります。
| 項目 | SVG | PNG / JPG | ICO / ICNS |
|---|---|---|---|
| 拡大縮小 | 解像度に依存しない | 拡大するとぼやける | 固定サイズで事前に描画 |
| ファイルサイズ | 図形やアイコンは小さい | 解像度とともに増える | 各サイズの画像の集合 |
| 編集 | テキストやベクターツールで編集可 | ピクセル単位の編集のみ | 各サイズを編集して再度まとめる |
| アニメーション | CSS、SMIL、JavaScript | 限定的（APNG / GIF） | 非対応 |
| 透過 | 対応 | PNG は対応、JPG は非対応 | 対応（PNG ベース） |
SVG を PNG に変換するのはどんなとき
固定寸法とオプションの透明度を持つロスレス ラスター イメージが必要な場合は、SVG を PNG に変換します。 PNG は、アプリ アセット、電子メール、プレゼンテーション、ブログ投稿、および SVG ファイルを受け入れないプラットフォームで適切に機能します。エクスポートする前に最終的な幅、高さ、および DPI を選択して、PNG が目的の表示または印刷サイズに十分なピクセルを確保できるようにします。
SVG から PNG：ファイルサイズと品質のバランス
ファイルサイズ
出力サイズは、PNG サイズの最大の要素です。幅と高さの両方を 2 倍にすると、ピクセル数が 4 倍になります。最終的なファイルはアートワークによっても異なります。単色や繰り返し領域はよく圧縮されます。細かいテクスチャやノイズは影響を受けません。
PNG が適しているとき
PNG は、広くサポートされているラスターのデフォルトです。宛先が SVG を理解できない場合は、PNG を選択してください: アプリのアイコン セット、電子メールの署名、ソーシャル メディア アップローダー、スクリーンショット、プレゼンテーション スライド、およびほとんどの CMS。透明性や鮮明なエッジが必要な場合は、JPG ではなく PNG を選択してください。
PNG ではなく SVG のままにすべきとき
宛先が最新のブラウザー、ネイティブ iOS または Android アプリ、またはベクター対応のデザイン ツール (Figma、Sketch、アフィニティ) である場合は、SVG を保持します。 SVG は、どのサイズでも鮮明なままで、多くの場合、形状の多いアートワークに適したコンパクトなサイズで、CSS でスタイルを設定したり、アニメーションを設定したりできます。
品質とのバランス
PNG はロスレスです。すべてのピクセルがラスタライズされたものと一致します。品質はエクスポート解像度のみに依存します。非常に小さいエクスポートでは、細かいディテールが失われたり、細いストロークが柔らかくなったりする可能性があるため、意図した表示サイズでアイコンを検査してください。品質スライダーはありません。寸法と DPI によって出力のピクセル数が決まります。
SVG を PNG にオンラインで変換する方法
- 1
ファイルをドロップするか「ファイルを選択」を押してキューに追加します。一度に最大 40 件です。
- 2
出力設定（サイズ、DPI、背景、品質、トレースの細かさ）を指定すると、プレビューがその場で更新されます。
- 3
「すべて保存」を押すと結果をダウンロードできます。キューに複数ある場合は 1 つの ZIP になります。
プライバシー：ファイルはブラウザから出ません
変換は、JavaScript および WebAssembly を使用してブラウザーでローカルに実行されます。ファイルのアップロードやサーバー側の変換がないため、追加したファイルはデバイス上に残ります。
ローカル処理は、機密ロゴ、内部文書、未公開のクライアント アートワークを保護するのに役立ちます。ページと変換コードは使用中にキャッシュされるため、すでに開いているツールはネットワーク接続がなくても引き続き動作できます。
よくある質問
PNG は SVG の透過を保てますか？
はい。「透過」の背景を選べば、SVG の透明な部分がそのまま PNG に反映されます。PNG はフルアルファに対応しているため、半透明の図形やぼかした輪郭も保たれます。
どの DPI で書き出せばよいですか？
宛先に必要なピクセル寸法から始めます。このコンバータでは、96 DPI が 1× ベースラインです。 192 DPI は各次元で 2 倍のピクセルを作成し、288 DPI は 3 倍のピクセルを作成します。印刷の場合、物理サイズから必要なピクセルを計算し、DPI をターゲットにします。
PNG はどのくらいの大きさまで書き出せますか？
64 メガピクセルまでで、1 辺は 16,384 px を超えられないため、8000×8000 は可能です。DPI 倍率もこの上限に含まれ、4000×4000 を 2 倍の DPI で書き出すと上限に達します。書き出しが拒否されたり白紙になったりする場合は、幅か DPI を下げてください。