SVG から WEBP への変換方法
- .SVG ファイルを追加してください。上のボックスにドロップするか、クリックしてブラウズします。
- 数秒で .WEBP に変換されます。
- 新しい .WEBP ファイルをダウンロードしてください。
期待される結果
- SVG は解像度に依存しませんが、WebP は依存します。出力はきれいに拡大できないため、変換前に対象のピクセル寸法を設定してください。
- WebP は透過をサポートしています。中間ステップとして
JPGを使用しない限り、SVGのアルファチャンネルは保持されます。 - テキスト、グラデーション、CSS スタイル、アニメーションはエクスポート時にピクセルにフラット化されます。生成される
.webpはインタラクティブな要素のない静止画像になります。
よくある質問
WebP は SVG の透明な背景を維持しますか？
はい - WebP はアルファチャンネルをサポートしているため、透明度は引き継がれます。アルファを除去してしまう
JPG を中間ステップとして変換することは避けてください。どのピクセルサイズを使用すべきですか？
レイアウトで実際に必要となる最大のサイズを使用してください。Retina ディスプレイの場合、CSS での表示幅の 2 倍でエクスポートするのが一般的な目安です。
出力結果は SVG と同一に見えますか？
通常は非常に近くなりますが、SVG フィルタやブレンドされたテキストなどの複雑な機能は、使用するツールによってレンダリングが異なる場合があります。
SVG アニメーションをアニメーション WebP に変換できますか？
直接はできません。これらの方法では単一の静止フレームが生成されます。SVG アニメーションをアニメーション
.webp に変換するには、フレームごとのレンダリングが必要であり、簡単ではありません。
