SVG→PNG変換の使い方
- 01
SVGファイルをアップロードするか、マークアップを貼り付けます。
- 02
出力幅を設定します。高さはアスペクト比に従います。
- 03
レンダリングされたPNGをダウンロードします。
何をするのか
SVG から PNG へのコンバーターは、ブラウザーで選択した任意の解像度でベクター グラフィックスをラスタライズします。 SVG ファイルを指定するか、生のマークアップを貼り付け、出力サイズを設定し、PNG をダウンロードします。
SVG はシェイプとパスで構成されるベクター形式であるため、ぼやけることなく任意のサイズに拡大縮小できます。そのため、アイコンとロゴは SVG として保存されます。 PNG はラスター (ピクセル) 形式であり、多くのプラットフォーム、画像フィールド、ツールで実際に受け入れられています。
変換は完全にデバイス上で行われるため、グラフィックがサーバーにアップロードされることはありません。
ブラウザでの動作方法
Canvas API を使用してローカルで実行され、SVG をレンダリングしてピクセルを読み取るため、変換は瞬時に行われ、グラフィックスはデバイス上に残ります。
解像度と透明度
ソースはベクターであるため、鮮明さを失うことなく、必要な解像度でエクスポートできます。高解像度の画面で鮮明な結果を得るには、画像が表示されるサイズの 2 倍または 3 倍でエクスポートします。
PNG は透明度をサポートしているため、背景のない SVG は透明な背景を持つ PNG に変換され、任意の色の上に配置できるため、ロゴやアイコンに最適です。
フォントと外部リソース
注意点が 1 つあります。SVG はブラウザで使用できるフォントを使用してレンダリングされます。外部の画像やリソースを参照する SVG にはそれらが含まれない場合があります。形状と埋め込みデータを備えた自己完結型 SVG は、最も確実に変換されます。
よくある質問
SVGはどこかにアップロードされますか?
いいえ。SVGはCanvas APIを使ってブラウザ内でPNGにレンダリングされるため、サーバーには何も送信されません。
どのサイズでエクスポートすればよいですか?
SVGはベクターなので、ぼやけることなく任意のサイズでエクスポートできます。高解像度ディスプレイでシャープな表示にするには2倍または3倍のサイズでエクスポートしてください。
外部画像やフォントも含まれますか?
フォントはブラウザが利用可能なものを使用し、外部リソースを参照するSVGはそれらを含まない場合があります。自己完結型のSVGが最も確実に変換されます。