SVGをWebPに変換

なぜSVGをラスタライズするのか？

SVGはどんなサイズでも鮮明で、アイコンやロゴなら容量もごく小さい、解像度に依存しないベクターフォーマットです。ただしファビコン、アプリストアの素材、メールクライアント、SNSプレビューなど、ラスターのWebPが必要な場面はたくさんあります。SVGは解像度に依存しないので、出力サイズを選べます。ドキュメント自身の寸法の1×、高DPI画面向けの鮮明な2×や4×、あるいはアスペクト比に応じて高さが決まる任意のカスタム幅。

WebPは同じ画質でJPGやPNGより通常25〜35%小さく、透過にも対応する最新のウェブフォーマットです。透過は保たれ、Convertツールと同じ高品質なエンコーダーがWebPのバイトを調整可能な画質80の既定値で生成します。しかも、ファイルがブラウザの外に出ることは一切ありません。

よくある質問

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

ラスタライズはすべてブラウザ内でネイティブ速度で実行されます。アップロードは一切なく、ファイルがデバイスから外に出ることもなく、デバイスのメモリを超えるサイズ制限もありません。

SVGをWebPに変換すると透過は保たれますか？

はい。SVGの透過背景は、WebP出力でも完全に透過のままです。白に統合されることはありません。

SVGから高解像度のWebPを得るには？

SVGは解像度に依存しないので、高DPI画面向けの鮮明な書き出しには2×や4×を選ぶか、正確なピクセル幅を入力します。高さはSVGのアスペクト比に応じて自動で決まります。

変換後にテキストの見た目が変わるのはなぜですか？

SVGが参照するフォントはダウンロードされない（すべてデバイス上に留まる）ため、テキストは同梱のNoto Sansのフォールバックで描画されます。正確なグリフを得るには、書き出す前にデザインツールでテキストをパスに変換してください。