ピクセル幅を自分で指定
高さはSVGの縦横比に合わせて自動計算されます。viewBoxしかないファイルは、ブラウザ固有の代替サイズではなく、長辺1024 pxから始まります。
ロゴ、アイコン、グラフ、イラストを透明なPNGに変換します。viewBoxしかないSVGがブラウザ任せのサイズにならないよう、先にピクセル幅を指定できます。
用途に合う形式を選ぶ
SVGは指定した寸法で画像として描画されます。ソースのマークアップやメタデータは新しいPNGにコピーされません。
高さはSVGの縦横比に合わせて自動計算されます。viewBoxしかないファイルは、ブラウザ固有の代替サイズではなく、長辺1024 pxから始まります。
PNGは透明部分を保ち、可逆圧縮で保存します。ロゴ、アイコン、図、UI画像に適しています。
SVGを画像として読み込むため、SVG内のスクリプトは実行されません。外部画像や外部フォントが必要なファイルは、不完全な出力を避けるため拒否されます。
変換についての質問
PNGを使うアプリやウェブサイトが必要とするピクセル幅を指定してください。高密度ディスプレイ向けなら、表示幅の2倍から始めるのが目安です。
同じフォントが端末にあるか、SVG内に埋め込まれている場合に限ります。指定フォントがこの端末にないと、文字の見た目が変わることがあります。
いいえ。SVGはスクリプトが動作しないブラウザの画像処理経路で読み込まれます。外部画像と外部フォントも拒否します。
いいえ。検査、描画、変換、プレビュー、ダウンロードはすべてブラウザ内で完結します。