SVG to Image

SVG to Image は、ブラウザー内で SVG マークアップを PNG、JPEG、WebP、AVIF のラスター画像にレンダリングします。描画前に SVG のビューポートを出力サイズちょうどに設定するため、24 px のアイコンを 1024 px で書き出しても、小さなビットマップを拡大したようにぼやけず、くっきり仕上がります。

1. 1.SVG マークアップを貼り付けるか、.svg ファイルをドロップまたは選択するか、サンプルを読み込みます。
2. 2.PNG、JPEG、WebP、AVIF から選びます。
3. 3.1×〜4× の倍率、512 × 512 や 1200 × 630 などのプリセットを選ぶか、幅と高さを入力します。
4. 4.透明または単色の背景を選び、非可逆形式では品質を調整します。
5. 5.プレビューを確認し、画像をダウンロードするかクリップボードにコピーします。

既定のサイズは SVG の width と height、またはそれらがない場合は viewBox から決まります。縦横比を固定すると、一辺を変更したときにもう一辺も更新されます。選んだサイズの縦横比が異なる場合は、余白を付ける「収める」、切り抜く「埋める」、変形させる「引き伸ばす」から選べます。PNG、WebP、AVIF は透明度を保持しますが、JPEG は保持できないため透明部分は背景色で塗りつぶされます。品質は JPEG、WebP、AVIF に適用されます。

AVIF と WebP は、このブラウザーがエンコードできる場合にのみ選択できます。クリップボードへのコピーには、ブラウザーが最も確実に受け付ける PNG を使用します。画像のクリップボードが使えない場合はファイルをダウンロードしてください。出力は 1 辺 16,384 px、合計 100 メガピクセルまでで、非常に大きな画像はメモリの少ないモバイルブラウザーで失敗することがあります。レンダリング前にスクリプト、イベントハンドラー、外部参照を削除するため、SVG が参照する外部画像や Web フォントは読み込まれません。