SVG を AVIF

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

このツールの使い方は?

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

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

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

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

icon.svg をアップロードすると、2 つのファイルが生成され、次のような名前が付けられます。 すべて保存 ボタンをクリックして、ダウンロードせずにローカルディレクトリに保存できます。

SVG を使用する理由

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