🔀 SVGを画像に変換

Name: SVGを画像に変換 — ToolKoala
Author: ToolKoala

SVGをPNG・JPG・WebP・AVIF画像に変換。形式、サイズ、背景を選べます

✓ ずっと無料 · ✓ 登録不要 · ✓ アップロード不要 · ✓ オフライン対応

🔒 画像がデバイスの外に出ることはありません。 すべての処理はSVGをブラウザがCanvasに描画。PNG・JPG・WebPはCanvasから、AVIFはWebAssembly版libavifエンコーダーで作成を使用してブラウザ内でローカルに行われます。アップロード、サーバー、追跡は一切ありません。

特長

4つの形式 — 同じSVGからPNG・JPG・WebP・AVIFを作成。形式を切り替えてもう一度変換するだけで、読み込み直しは不要です。
好きなサイズで — SVG本来のサイズの1x〜4x、または幅と高さをピクセルで正確に指定。viewBoxしかないアイコンはviewBoxからサイズを決めます。
品質スライダー — JPG・WebP・AVIFでは、品質を下げるほどファイルが小さくなります。PNGは常にロスレスです。
複数のSVGをまとめて — フォルダ分のアイコンをまとめてドロップ。すべて同じ形式・倍率・背景で、1つのZIPにまとまります。

仕組み

SVGを追加 — .svgファイルを1つ以上ドロップするか、SVGコードを貼り付けます。
形式を選ぶ — PNG・JPG・WebP・AVIFから選び、倍率または正確なサイズ、背景、非可逆形式なら品質も設定します。
変換してダウンロード — SVGが1つなら画像1枚としてダウンロード、複数なら形式名の付いたZIPになります。

活用例

ロゴをWebPやAVIFで書き出して、Webサイトを軽く速く
SVGを受け付けないメールやフォーム用にJPGを作成
アプリアイコンを透過PNGとして2xや3xで書き出し
アイコンセット全体を一度に同じ形式へ変換

よくある質問

どの形式を選べばいいですか？

くっきりした輪郭と透明が必要なアイコンやロゴにはPNG。JPGしか受け付けない場所や、単色背景のフルカラーイラスト（透明なし）にはJPG。Webサイトには、PNGより小さく透明も保てるWebP。最小のファイルが欲しく、使う先がAVIFに対応しているならAVIFです。

透明を保てるのはどの形式ですか？

PNG・WebP・AVIFです。JPGは透明にまったく対応していないため、透明部分は背景色（別の色を選ばなければ白）で塗りつぶされます。

WebPはどのブラウザでも使えますか？

現在のブラウザはどれもWebPを表示できます。保存は別の話で、WebページからWebPを書き出せるのはChrome・Edge・Firefoxで、Safariはできません。Safariでは変換前にその旨を表示し、.pngという名前のPNGを渡します。PNGの中身を.webpという名前で渡すことはありません。

AVIFに時間がかかるのはなぜですか？

WebページからAVIFを単独で保存できるブラウザはないため、このページは独自のエンコーダー（libavif、WebAssemblyにコンパイル）をお使いのデバイスで動かします。ほかの形式より強く圧縮するので、大きな画像だと数秒かかります。エンコーダー（約3.5MB）は初めてAVIFを選んだときにtoolkoala.comからダウンロードされます。

選んだ形式は記憶されますか？

はい。このページは前回使った形式で開きます（保存先はお使いのブラウザだけです）。「SVGをPNGに変換」「SVGをJPGに変換」「SVGをWebPに変換」は常にそれぞれの形式で開きます。

SVGはアップロードされますか？

いいえ。SVGの描画も画像のエンコードも、お使いのデバイス上でブラウザが行います。どこにも送信されません。