ホーム 画像変換ツール SVG を WEBP

SVG を WEBP

SVGファイルを無料でオンラインでWEBPファイルに変換します。このツールは複数のSVGファイルをWEBP形式に変換できます。また、出力ファイルの名前、幅/高さ、色をカスタマイズできます。

ツールを読み込み中
このツールは SVG を WEBP に変換し、完全に無料で機能制限はありません。ブラウザ API に基づいているため、処理速度は最速であり、すべてのファイルはローカルで処理され、サーバーにはアップロードされません。
SVG ファイルについて
SVG（Scalable Vector Graphics）は、ピクセルではなく数学的記述を使用してグラフィックを定義するXMLベースのベクター画像形式です。品質を損なうことなく無限に拡大縮小できるため、ロゴ、アイコン、レスポンシブWebデザインに最適です。SVGファイルは通常ラスター形式より小さく、CSSによるインタラクティブ性、アニメーション、スタイリングをサポートします。現代のブラウザで広くサポートされており、あらゆるサイズで鮮明なグラフィックに最適です。
WEBP ファイルについて
WebPはGoogleが開発した最新の画像フォーマットで、ウェブグラフィックのための優れたロスレスおよびロスィ圧縮を提供します。PNGのような透過性、GIFのようなアニメーションをサポートし、JPEGやPNGよりも小さいファイルサイズを生成します。ウェブサイトの読み込み速度向上に広く利用されています。動画やアニメーション画像をアニメーションWebPに変換したり、アニメーションWebPをGIFやaPNGなどに変換したりすることが可能です。

SVGからwebpへの変換について

このツールの使い方は?

このツールを使用すると、svg ファイルを複数のサイズの webp ファイルに変換し、「オプション」で出力の幅と高さをカスタマイズできます。 「オプション」をクリックして設定ダイアログを開き、必要に応じて幅と高さを設定します。 変換するディレクトリをアップロードすることもできます。

  • 新しいファイル名 : {name} 、 {width} 、 {height} を設定して出力ファイル名をカスタマイズできます。 複数のファイルを生成する必要がある場合は、異なるサイズのファイルを区別するために {width} タグと {height} タグを設定する必要があります。 {name} はソース ファイルのファイル名と同じです。

  • 幅と高さ : 出力ファイルの幅/高さをカスタマイズできます。 幅/高さの最大値は無制限です。

  • 色を変える: 出力ファイルの色を変更できます。 このオプションは、単一の色を使用するか、背景色がない一部のSVGファイルにのみ有効です。

設定例:

  • 新しいファイル名 :

    {name}_{width}_{height} .webp

  • 幅と高さ

    60 X 60

  • 幅と高さ

    120 X 120

icon.svg をアップロードすると、2 つのファイルが生成され、次のような名前が付けられます。

  1. icon_60_60.webp 幅と高さ: 60x60

  2. icon_120_120.webp 幅と高さ: 60x60

すべて保存 ボタンをクリックして、ダウンロードせずにローカルディレクトリに保存できます。

SVG を使用する理由

SVG ファイルはベクター グラフィック形式であり、XML テキスト ファイルに保存されます。 SVG ファイルは歪みなく任意に拡大縮小できます。したがって、Web ブラウザーやモバイル アプリで広く使用できます。ユーザーに優れた視覚体験をもたらします。 Web アプリケーションでは、svg ファイルは jpg、png、gif よりも小さいサイズを占めるため、Web サイトの帯域幅をより多く節約できます。