SVGからPNGコンバーター

SVGマークアップを貼り付けるかSVGファイルをアップロードし、正確なPNG寸法またはスケール倍率を設定、透明度または背景色を選択して結果をダウンロードします。すべてブラウザ内で処理されます。

SVGファイルを選択するかここにドロップしてください

SVGマークアップを以下のエディターに貼り付けることもできます。

準備完了

プレビュー

-

ここにPNGプレビューが表示されます。

正確なPNG寸法

SVGのviewBoxまたは幅と高さから開始し、寸法を上書きするか2倍、3倍、4倍のスケールでエクスポートします。

透明度の制御

ロゴやアイコンの透明ピクセルを保持するか、サムネイル、ドキュメント、ソーシャルプレビュー用に不透明な背景を追加します。

ブラウザネイティブレンダリング

デフォルトの方法はSVG解析、Blob URL、画像デコード、Canvasを使用します。有料APIやアップロードは不要です。

SVGはベクター、PNGはラスタ

SVGは形状、パス、グラデーション、テキストを記述し、異なるサイズで描画可能です。PNGは固定ピクセルのグリッドを保存します。このコンバーターはSVGをPNG設定で指定した正確なピクセル幅と高さにラスタライズします。

鮮明なPNG出力のために寸法を選択

PNGが表示される最大のピクセル寸法を選択するか、高密度スクリーン用に2倍でエクスポートしてください。大きなエクスポートはより多くのピクセルを含みファイルサイズが大きくなる可能性がありますが、ラスタライズ後のPNGは無限に拡大可能ではありません。

必要に応じて透明な背景を保持

透明出力はSVGの透明部分を透明なPNGピクセルとして保持し、ロゴ、アイコン、オーバーレイに便利です。ドキュメント、サムネイル、透明表示が期待通りでないプラットフォームには不透明な背景を選択してください。

固定サイズのラスターワークフローにはPNGを使用

アプリ、ウェブサイト、ドキュメント、印刷業者、ソーシャルプラットフォームが既知のサイズのラスタ画像を必要とする場合にPNGが適しています。編集や将来の異なる寸法でのエクスポートには元のSVGを保持してください。

ブラウザレンダリングの注意点: テキストはブラウザで利用可能なフォントを使用し、フォントがない場合はフォールバックします。信頼性の高い出力には自己完結型SVGファイルを使用してください。デフォルトのサニタイザーはレンダリング前にスクリプト、埋め込みHTML、リモートのHTTP、ファイル、FTP参照を削除します。

SVGをオンラインでPNGに変換する方法

  1. 1

    SVGマークアップを貼り付けるか、デバイスからSVGファイルを選択します。

  2. 2

    PNGの幅、高さ、スケール、背景モードを設定します。

  3. 3

    ラスタライズされたPNGをプレビューしてからダウンロードします。

SVGからPNGに関する質問

SVGはベクターフォーマットで、PNGはラスターフォーマットですか?

はい。SVGは形状、パス、テキストをベクターとして記述し、PNGは固定されたピクセルのグリッドを保存します。PNGに変換すると、選択した出力幅と高さでSVGがラスタライズされます。

SVGから高解像度のPNGを作成するには?

PNGを使用する最大サイズの出力幅と高さを設定するか、2倍、3倍、4倍のスケールを選択してください。出力ピクセル数が多いほど高密度スクリーンでエッジが鮮明になりますが、PNGはラスタ画像であり無限に拡大可能ではありません。

SVGから透明なPNGを作れますか?

はい。透明出力を有効にしてSVGの透明部分を透明なPNGピクセルとして保持します。背景色が必要な場合は無効にしてください。

SVGのフォントや効果は正確にレンダリングされますか?

PNGはブラウザのSVGレンダラーを使用します。グラデーションや対応フィルターはブラウザでレンダリングされますが、SVGフォントがない場合はテキストがフォールバックされます。スクリプト、埋め込みHTML、リモートのHTTP、ファイル、FTP参照はデフォルトのサニタイザーで削除されます。

いつSVGの代わりにPNGを使うべきですか?

ウェブサイト、アプリ、ドキュメント、印刷ワークフロー、ソーシャルプラットフォームでラスタ画像が必要な場合や、既知の出力サイズで透明ピクセルが必要な場合にPNGを使用してください。編集可能なベクター形状や繰り返しのサイズ変更が必要な場合はSVGを保持してください。

私のSVGはConvertrにアップロードされますか?

いいえ。このSVGからPNGへのツールはブラウザのSVG解析とCanvasを使ってSVGを読み込みPNGを作成します。解析情報には粗いサイズと寸法の区分、背景モード、成功・失敗の状態のみが送信され、SVGマークアップ、ファイル名、PNGピクセルは送信されません。

関連ツール

SVGからPNGコンバーター

レンダーは、SVGマークアップまたは地元のSVグを明確なサイズ、スケール、背景でPNGに供給した。

入力
SVG マークアップまたはファイルプラス幅、高さ、規模、背景の選択.
出力
ラスター PNG Preview and Download.
リアル制限
ラスター出力は、ベクトルを保持することはできません;外部のリソース、スクリプト、不安全なマークアップ、サポートされていないフォント、および極端なサイズがブロックされているか、または異なる機能を提供することがあります。
プライバシーとデータ処理
SVG マークアップまたはファイルプラス 幅、高さ、規模、背景の選択はこのブラウザのタブで処理されます. Converter はそれを受け取ったり保存したりしません; ページを閉じたり再ロードしたりすると、ツールが現地ダウンロードを提供しない限り、作業状態が明確になります。

このツールをどのように使うか

  1. SVG マークアップまたはファイルプラス幅、高さ、規模、および背景の選択肢をツールコントロールに提供します。
  2. ラスター PNG プレビューとダウンロードに影響を与える設定を選択し、ツールを実行します。
  3. レイヤーのPNGプレビューをチェックし、コピーまたはダウンロードする前にダウンロードします。

一般的な失敗モード

無効な XML、欠けているサイズ、不安全な参照、利用できない文字、またはカンバサイズの制限は、リダリングを防ぐことができます。

役に立つ例

256×256透明なLogo.svgを2×スケールでリダーして512×512 PNGをダウンロードします。