🔀 SVGをWebPに変換

SVGグラフィックをWebPに変換。PNGより小さく、透明もそのまま

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

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

特長

  • PNGより小さい — WebPは透明を保ったまま、同じ画像のPNGよりたいていずっと小さくなります。
  • 好きなサイズで — SVG本来のサイズの1x〜4x、または幅と高さをピクセルで正確に指定できます。
  • 品質スライダー — 品質を下げるほどファイルが小さくなります。初期設定は90%です。
  • まとめてZIPに — 複数のSVGを同じ設定で一度に変換し、1つのZIPでダウンロードできます。

仕組み

  1. SVGを追加 — .svgファイルをドロップするか、SVGコードを貼り付けます。
  2. サイズと品質を設定 — 倍率または正確なサイズを選び、背景は透明のままにするか色を選んで、品質を設定します。
  3. 変換してダウンロード — WebPをダウンロードします。複数のSVGを追加した場合はZIPになります。

活用例

  • ロゴやイラストを軽いWebPファイルとしてWebサイトに掲載
  • WebPに対応したショップ用に商品バッジやステッカーを作成
  • チャットアプリ用の透過ステッカーを作成
  • アイコンセット全体を一度にWebPへ変換

よくある質問

WebPは透明を保てますか？

はい。背景を「透明」のままにしておけば、PNGと同じようにWebPでも透明が保たれます。

PNGになったのはなぜですか？

SafariはWebページからWebPファイルを書き出せません（Chrome・Edge・Firefoxはできます）。PNGの中身を.webpという名前で渡す代わりに、このページは.pngという名前のPNGを渡し、変換前にその旨を表示します。Safariでは、AVIFなら使えます。

WebPはどのブラウザでも表示できますか？

はい、現在のブラウザはどれもWebPを表示できます。Safariもバージョン14から対応しています。とても古いソフトや一部のメールクライアントでは表示できない場合があります。

WebPとAVIF、どちらがいいですか？

AVIFはたいていさらに小さくなりますが、作成に時間がかかり、対応している場所も少なめです。Webサイトには、WebPが無難な選択です。

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

いいえ。SVGの描画もWebPのエンコードも、お使いのデバイス上でブラウザが行います。

関連ツール

💬 バグ、アイデア、ご挨拶など？ Milo 🐨 に連絡 · [email protected]