AZ Tools

SVG → PNG 変換

画像

SVG ファイルをドロップするか SVG マークアップを貼り付け、倍率と背景(透過 / 白 / 任意色)を選んで PNG をダウンロード。width / height や viewBox から SVG の固有サイズを読み取り、倍率を掛けるので 2× 出力で Retina アセットも作れます。Canvas のみで処理、アップロードなし。

固有サイズ: 200 × 200

プレビュー出力: 200 × 200

使い方

  1. SVG ファイルをドロップ、または SVG マークアップを貼り付け。
  2. 倍率を調整(1× で固有サイズ)。
  3. 背景を選択 — 透過 / 白 / カスタム色。
  4. ダウンロードで PNG を保存。

よくある質問

なぜ既定が 200×200?
SVG に width / height / viewBox がない場合は 200×200 にフォールバック。SVG に viewBox や明示サイズを入れればその値が使われます。
PNG でフォントが違って見える
ブラウザはユーザーのシステムにあるフォントで SVG をラスタライズします。カスタムフォントを使う場合は data: URL で埋め込むか、ベクターツールでテキストをパスに変換してください。
SVG はアップロードされる?
いいえ。SVG はブラウザの Canvas で解析・ラスタライズされます。サーバーに送信されません。
SVG 内の外部画像は扱える?
URL 参照の画像は CORS で読み込めない場合があります。SVG 内の外部画像は data: URL として埋め込んでください。

関連ツール