.svg ファイルをアップロードし、必要に応じて最大 8192px までの幅と高さを設定し、PNG 圧縮レベルを選んで変換を開始します。処理が終わったら、SVG からレンダリングされた PNG ファイルをダウンロードします。
SVG PNG 変換ツール
SVG ベクター画像を、Web サイト、文書、CMS へのアップロード、プレビュー、または SVG に対応していないアプリで使える固定サイズのラスター画像にしたいとき、SVG を PNG に変換できます。1 つの .svg ファイルをアップロードし、必要に応じて最大 8192px までの出力サイズを指定し、PNG 圧縮レベルを選んで、SVG からレンダリングされた PNG をダウンロードします。 この SVG PNG 変換ツールは、SVG 入力から PNG 出力までの一方向の作業に特化しています。画像の互換性を高めながら、PNG の透明背景サポートも使いたい場合に便利です。
この SVG PNG 変換ツールでできること
このツールは SVG ベクターファイルをレンダリングし、表示結果を PNG ラスター画像として書き出します。これはファイル名の変更ではなく、実際の変換です。アップロードされた .svg ファイルを読み込み、選択したサイズで画像をレンダリングし、そのピクセルを PNG としてエンコードします。
入力が SVG で、必要な出力が PNG の場合にこのページを使います。ダウンロードしたファイルは編集可能なベクター画像ではなくなるため、後でパス、文字、色、viewBox 設定、レイアウトを編集する可能性がある場合は元の SVG を残してください。
| 設定 | 制御する内容 | 実用例 |
|---|---|---|
| SVG アップロード | 1 つの .svg ソースファイルを受け付けます | ファイルの拡張子が .svg のときに使います |
| 幅と高さ | レンダリング後の PNG サイズを設定します | Web 上の表示枠、アイコンサイズ、CMS 要件、高解像度出力に合わせます |
| PNG 圧縮 | PNG エンコードの圧縮強度を制御します | 低いレベルは高速、高いレベルは PNG ファイルを小さくしやすくなります |
| PNG 出力 | ラスター形式の .png ファイルをダウンロードします | PNG は受け付けるが SVG は受け付けないツールで使います |
| 透明度サポート | レンダリングされた SVG に透明部分がある場合、それを保持します | ロゴ、アイコン、重ね合わせ素材、UI 画像に便利です |
別のラスター形式が必要な場合は、その形式向けの変換ツールを使ってください。透明ではない背景付きの JPG が必要な場合は SVG JPG 変換ツール、Web サイトの作業で WebP が必要な場合は SVG WebP 変換ツール を使えます。
オンラインで SVG を PNG に変換する方法
1
手順 1: SVG ファイルをアップロード
デバイスから .svg ファイルを選ぶか、アップロード領域にドラッグします。このページは 1 つの SVG を PNG に変換するためのものなので、レンダリングしたい正しい SVG ソースから始めてください。
2
手順 2: PNG 出力サイズを設定
PNG を特定のピクセルサイズに合わせる必要がある場合は、幅と高さを入力します。現在のサイズ設定は 1px から 8192px まで受け付けます。既定のレンダリングで問題ない場合だけ空欄のままにします。
- •予測しやすい結果にするには、PNG が実際に使われるサイズを選びます。256px のアイコンなら高密度画面向けに 512px 出力で十分な場合があり、印刷や大きなプレビューではより大きなピクセルサイズが必要になることがあります。
3
手順 3: PNG 圧縮を選択
PNG 圧縮はファイルサイズと処理時間に影響しますが、画質を下げるスライダーではありません。レベル 0 は速度優先、レベル 6 は既定のバランス設定、レベル 9 は速度より小さい PNG が重要な場合により強い圧縮を試します。
4
手順 4: 変換して PNG をダウンロード
変換を開始し、処理が完了したら PNG をダウンロードします。出力は固定サイズのラスター画像で、文書、Web サイト、CMS メディアライブラリ、メール素材、プレビュー、SVG アップロードに対応していないアプリで使えます。
互換性のために SVG を PNG として保存する場面
次に使うアプリやアップロードフォームがベクターマークアップではなく通常の画像ファイルを必要とする場合、SVG を PNG として保存すると便利です。SVG は元データとして優れていますが、一部のプラットフォームでは安全性、プレビュー、互換性の理由で SVG が拒否されることがあります。
Web サイトのサムネイル
PNG は決まったレイアウト枠に合わせた固定サイズ画像を用意できます
CMS へのアップロード
SVG アップロードがブロックされる場合でも、PNG は受け付けられやすい形式です
文書とプレゼン資料
PNG は Word、PowerPoint、Google Docs などのツールに挿入しやすい形式です
メール用画像
多くのメール制作フローでは、埋め込み SVG より PNG のほうが扱いやすい場合があります
アプリのプレビュー
ラスター PNG はレビュー画面やアップロード画面で安定して表示されます
透明ロゴ
PNG は透明度に対応しており、多くのロゴやアイコンの作業に向いています
SVG は元データとして保管し、ラスター出力が必要な場所には PNG コピーを書き出してください。ダウンロード後の PNG に別のピクセルサイズが必要な場合は、同じ SVG を何度もランダムなサイズで書き出すのではなく、画像リサイズツール を使ってください。
SVG PNG 変換の透明度、フォント、レンダリング
SVG と PNG は画像の扱い方が異なります。SVG はベクターマークアップ、図形、文字、パス、スタイル規則、参照を保存します。PNG はピクセルを保存します。.svg を png に変換すると、選択したサイズで SVG がどのようにレンダリングされるかのスナップショットが作られます。
| 質問 | 期待できること |
|---|---|
| PNG はベクターのままですか？ | いいえ。PNG は固定ピクセルサイズのラスター画像です。 |
| 透明度は保持できますか？ | はい。レンダリングされた SVG に透明部分がある場合、PNG は透明度を保持できます。 |
| 変換で透明背景を作れますか？ | いいえ。SVG に不透明な背景がある場合、PNG も不透明に見えます。 |
| フォントは必ず一致しますか？ | SVG がレンダリング環境にないフォントに依存している場合、表示が変わることがあります。 |
| リンク画像や外部 CSS は必ずレンダリングされますか？ | 外部参照を持つファイルより、自己完結した SVG のほうが信頼できます。 |
見た目を正確にしたい場合は、変換前に SVG を整えてください。明確な viewBox を使い、重要なスタイルをインライン化し、壊れた外部参照を取り除き、ブランドの文字が一致する必要がある場合は重要なテキストをアウトライン化します。
高画質な SVG PNG 変換サイズの選び方
SVG はレンダリング前ならきれいに拡大縮小できますが、書き出された PNG は固定ピクセル画像です。高画質な SVG PNG 変換の設定は、不要に大きなファイルを作ることではなく、最終用途に合ったサイズを選ぶことです。
| 出力目的 | おすすめのサイズ | 効果 |
|---|---|---|
| Web アイコン | 最終表示サイズまたは 2 倍サイズ | 標準画面と高密度画面で輪郭をくっきり見せやすくなります |
| ロゴのプレビュー | 可能なら表示サイズの 2 倍 | 曲線や文字に近い形をよりきれいに見せやすくなります |
| CMS 用画像 | アップロード要件に合わせる | プラットフォームでの拒否や自動リサイズを避けやすくなります |
| 文書内の図版 | 文書内の配置スペースに合わせる | 大きすぎる PNG で文書が重くなるのを防ぎます |
| 大きなプレビュー | 必要なピクセル幅を使用し、最大 8192px まで | 想定表示サイズに必要なディテールを保ちます |
最初から最大サイズで書き出さないでください。大きな PNG はきれいに見えることがありますが、ファイルも重くなります。まず実際に表示されるサイズから始め、必要な場合だけ大きくします。
Mac、Windows、ブラウザでの作業方法
.svg ファイルをページからアップロードできれば、Mac、Windows、Linux、Chromebook、モバイルブラウザで SVG を PNG に変換できます。手順はどの環境でも同じです。SVG をアップロードし、サイズと PNG 圧縮を選んで、PNG をダウンロードします。
デザインエディタを開かずにラスターコピーだけを作りたい場合、このページが役立ちます。ただし、ベクター画像そのものを編集する必要がある場合は、Illustrator、Figma、Inkscape などの編集ツールの代わりにはなりません。
SVG に編集可能なテキスト、カスタムフォント、デザインツール固有のスタイルが含まれる場合は、本番利用前に PNG 出力を確認してください。重要なロゴやブランド素材では、元の SVG で文字をパス化するとレンダリングがより安定します。
ファイル処理と実用上の制限
SVG ファイルは変換のためにバックエンドへアップロードされ、24 時間以内に削除される予定です。通常の画像変換に使用し、オンライン変換サービスで処理したくない個人情報や機密ファイルはアップロードしないでください。
このページはアップロードされた SVG ファイルを 1 つずつ処理します。バッチ変換、完全なローカル処理、SVG コード編集、URL から画像への変換、SVG 最適化、ベクター編集、アニメーション書き出し、逆方向のベクタートレースには対応していません。
目的はシンプルです。SVG ファイルを 1 つアップロードし、PNG としてレンダリングし、最大 8192px までの出力サイズを指定し、PNG 圧縮を選んで結果をダウンロードします。
避けたいよくあるミス
.svg を .png にリネームする
拡張子を変えるだけでは変換されません。実際の SVG PNG 変換では、SVG をレンダリングし、結果を PNG 画像データとしてエンコードする必要があります。
PNG が編集可能なままだと思う
ダウンロードした PNG はピクセル画像です。編集可能なパス、レイヤー、テキストオブジェクト、CSS 規則、無限に拡大できるベクター性は保持されません。編集用には元の SVG を残してください。
初期設定で大きすぎるサイズを書き出す
このツールは最大 8192px まで対応しますが、すべての PNG に最大サイズが必要なわけではありません。Web 上の表示枠、文書内の配置、アップロード要件に合ったサイズを選びます。
外部フォントやリンク素材に依存する
外部フォント、CSS、リンク画像を使う SVG は、デザインアプリのプレビューと異なる表示になることがあります。正確な見た目が必要な場合は、重要なスタイルをインライン化し、重要なテキストをアウトライン化してください。
このページで逆変換しようとする
このページは SVG から PNG への変換専用です。PNG を SVG に戻したり、ラスター画像をベクターパスにトレースしたり、ピクセルから編集可能なベクター画像を再構築したりはできません。
よくある質問
このページを SVG ファイルから PNG への直接変換として使います。入力は有効な .svg ファイル、出力は .png 画像です。ファイル名を変更したり、別形式を経由したりする必要はありません。
SVG PNG 変換ツールは、SVG ベクター画像をレンダリングし、その結果を PNG ラスター画像として書き出します。PNG は受け付けるが SVG のアップロードやプレビューに対応していないプラットフォームで便利です。
SVG ファイルをアップロードし、必要に応じて出力サイズと圧縮レベルを選び、PNG 結果をダウンロードします。元の SVG は変更されず、レンダリングされた PNG コピーが保存されます。
SVG が透明部分を含んでレンダリングされる場合は保持できます。PNG は透明度に対応しているため、透明部分を出力に残せます。SVG に不透明な背景がある場合、変換でそれを取り除くことはできません。
最終用途に合った出力サイズを選びます。Web 画像なら最終表示サイズ、または高密度画面向けに約 2 倍のサイズを使います。大きなプレビューでは、実際に必要なピクセルサイズを使い、レイアウトが必要とする範囲を超えないようにします。
はい。ページはブラウザで動作するため、Mac、Windows、Linux、Chromebook、多くのモバイルブラウザで同じ手順を使えます。SVG をアップロードし、設定を選び、PNG をダウンロードします。
いいえ。このページはアップロードされた SVG ファイルを 1 つずつ処理する設計です。多数のファイルがある場合は個別に変換するか、バッチ処理専用のワークフローを使ってください。
いいえ。現在のツールはアップロードされた .svg ファイル向けです。SVG マークアップがある場合は、まず有効な .svg ファイルとして保存してください。SVG が URL 上にある場合は、ファイルをダウンロードしてからデバイスからアップロードします。
いいえ。SVG ファイルはバックエンド処理のためにアップロードされ、24 時間以内に削除される予定です。オンライン変換サービスで処理したくない個人情報や機密ファイルはアップロードしないでください。