SVGコードをPNGに変換

SVGコードやSVGファイルを読み込み、透過背景を保ったPNG画像として出力できます。

Sponsored
Loading...

SVG入力

実行結果

SVGプレビュー

SVGプレビュー

変換後の画像

変換後にここへ画像が表示されます。

使い方

  1. SVGコードを貼り付けるか、SVGファイルを選択します。
  2. 出力サイズと背景の扱いを確認します。
  3. 変換ボタンを押してPNG画像を生成します。
  4. プレビューを確認して画像をダウンロードします。

補足説明

  • PNGは透過背景を扱えるため、アイコンやロゴの書き出しに向いています。
  • SVG内で外部画像や外部CSSを参照している場合、ブラウザの制限で描画できないことがあります。

FAQ

SVGが表示されないのはなぜですか？

SVGのXML構文が壊れている、外部ファイルを参照している、またはブラウザが読み込めない要素が含まれている可能性があります。

背景は透過されますか？

PNGでは背景色を透明にしたまま出力できます。背景色を指定した場合はその色で塗りつぶしてから変換します。

変換した画像はサーバーに送信されますか？

変換処理はブラウザ内で完結します。入力したSVGや生成画像はサーバーへ送信されません。

関連ツール

SVGコードをJPGに変換

ブラウザ上でSVGコードをJPG画像に変換できます。背景色と品質を指定して、すぐに出力できます。

SVGコードをWebPに変換

ブラウザ上でSVGコードをWebP画像に変換できます。透過背景を保ちながら軽量な画像を出力できます。

SVGをBase64に変換

SVGコードをBase64文字列に変換できます。HTMLやCSSへ埋め込む前の確認に使えます。

SVGをData URLに変換

SVGコードをData URL形式に変換できます。imgタグやCSSのurl()にそのまま貼り付けやすい形式で出力します。

関連記事

Sponsored
Loading...