変換
SVG画像を数秒でオンラインでWebPに変換。無料、登録不要、透かしなし。一度に最大30ファイルを変換し、ZIPでまとめてダウンロードできます。
画像変換
SVGファイルを変換ツールにドラッグ
「変換」をクリックしてWebPに変換
WebP画像を個別またはZIPでダウンロード
SVGからWebP
主な違いは、SVGがベクターの形式で、WebPが非可逆・可逆圧縮両対応の形式であることです。
SVGもWebPも透明度に対応しているので、元画像で透明な部分は変換後も透明のままです。
同じ画質なら、WebPファイルはJPGやPNGよりかなり小さくなります。画像が軽いほどページが速くなり、Core Web Vitalsが改善し、SEOにも少し効果があります。
| 項目 | SVG | WebP |
|---|---|---|
| 圧縮 | ベクター（ピクセルではなく図形） | 非可逆または可逆 |
| 透明な背景 | はい | はい |
| アニメーション | はい | はい |
| 開ける環境 | すべてのブラウザ | 最新のブラウザすべて。一部の古いアプリやアップロードフォームは非対応 |
| 主な用途 | どのサイズでもくっきり保ちたいロゴ、アイコン、イラスト | Webサイト用の読み込みが速い画像 |
SVG（Scalable Vector Graphics）は、画像をピクセルの格子ではなく、XMLコードの図形、線、曲線で表します。そのためファビコンから看板まで、どのサイズでも完璧にくっきりしていて、ファイルもとても小さいことが多いです。
SVGはWeb上のロゴ、アイコン、イラストや、Cricut、Silhouette、レーザーカッター用のカットファイルの定番形式です。写真には向きません。
すべてのWebブラウザでSVGファイルを表示できます。編集にはInkscape（無料）、Adobe Illustrator、Figma、Affinity Designerを使います。Cricut Design SpaceとSilhouette StudioはSVGを直接読み込めます。普通の画像にしたい場合はSVGをPNGに変換しましょう。
WebPは、Webサイトの読み込みを速くするためにGoogleが2010年に発表した画像形式です。写真はJPGのように非可逆で、グラフィックはPNGのように可逆で圧縮でき、多くの場合25〜35%小さくなります。透明度やアニメーションにも対応しています。
そのため、Webサイト（Google画像検索を含む）から保存した画像の多くが.webpファイルになります。ブラウザでは歓迎されていますが、古いソフトや多くのアップロードフォームはまだ対応していません。
Chrome、Edge、Firefox、SafariはWebPを直接表示できます。ファイルをブラウザにドラッグしてください。Windows 10/11のフォトとペイント、Mac（Big Sur以降）のプレビューでも開けます。アプリやサイトで受け付けない場合はJPGかPNGに変換しましょう。
SVGからWebP