WebPをSVGに変換

WebPは2010年にGoogleが公開したラスター形式で、色のついたピクセルの集まりをWeb配信向けに圧縮したものです。SVGは2001年からW3Cの標準で、線、曲線、塗りをテキストで記述します。前者を後者にする方法は大きく2通りあり、無料の変換ツールの多くは役に立たないほうを選んでいます。

埋め込みは、WebPをbase64テキストとして含むSVGを書き出します。base64は画像を約3分の1大きくし、結果はベクターのラベルが付いただけのビットマップです。ここで使っているトレースは、InkscapeのビットマップのトレースにもあるPotraceアルゴリズムと同じ方式で、色の領域を読み取ってパスとして書き出します。細部は失われますが、拡大縮小も編集も本当にできるSVGになります。各トレース設定は画像SVG変換のガイドで説明しています。

ベクターにしたいWebPの多くはサイトからダウンロードしたもので、ページ用に縮小され、非可逆圧縮されています。縁の周りの圧縮ノイズは小さな余計な図形になり、小さな画像ではピクセルが少なすぎてなめらかな曲線を見つけられません。見つかる限り最大のデータから始めてください。サイトのプレスページやブランドページに、大きなバージョンや元のSVGが用意されていることもよくあります。

曲線のあるロゴはスムージングを初期値のままにし、直線的な形のマークは曲線を直線にします。トレース後は、残った細かいゴミをエディタで削除してください。拡大縮小は不要で、どこかで開ければよいだけなら、WebPをPNGに変換のほうが早く、正確です。