SVG から WebP へ

SVG を好きな倍率で WebP にラスタライズ — 透明はそのまま、同じ絵柄の PNG より軽いファイルに。

SVG → WebP

☞ すべてブラウザ内で処理 — アップロードは一切ありません

またはクリックして選択 — SVG のみ

PNG より軽い

WebP は PNG と同じくアルファチャンネルを保ちながら、圧縮効率がはるかに高いフォーマットです。同じ絵柄なら 3 分の 1 程度のサイズになることも珍しくなく、ウェブの画像で標準的に使われるようになりました。

現行のブラウザはすべて対応しています。注意が必要なのはブラウザの外です。一部のデスクトップアプリや古いメールクライアント、いくつかのアップロードフォームは今も WebP を受け付けません。その場合は PNG か JPG が安全な選択です。

3 ステップ

.svg ファイルを選びます。ファイルは端末内に留まります。

1×〜4× を選び、透明背景を残すか塗りつぶすかを決めます。

レンダリングされたピクセルサイズで WebP を保存します。

かんたん回答

WebP は透明を保てますか？

はい。透明背景のスイッチをオンのままにすれば、アルファチャンネルは SVG のまま引き継がれます。単色で塗りつぶしたい場合はオフにしてください。

PNG よりどのくらい小さくなりますか？

ベタ塗りのベクター画像なら、見た目が変わらない画質で 50〜70% 小さくなるのが一般的です。グラデーションがあるほど差は広がり、ごく小さなアイコンでは両形式ともすでに軽いため差は縮まります。

倍率はどれを選べばよいですか？

1× は SVG に書かれたサイズそのままです。Retina ディスプレイ向けには 2× を。そのサイズでベクターを描き直すので、単なる拡大ではなく本当に鮮明になります。

ファイルはアップロードされますか？

いいえ。SVG はブラウザ内の Canvas で描画され、この端末から出ることはありません。