ICOをSVGに変換

ICO形式は1985年のWindows 1.0にさかのぼり、1999年にInternet Explorer 5が/favicon.icoを探すようになってファビコンの形式になりました。1つのファイルに複数の正方形ビットマップが入っており、WindowsやブラウザーがぴったりのサイズをP選べます。ブラウザーのタブには16 px、タスクバーやデスクトップには32または48 px、Windows Vista以降は圧縮PNGデータとして保存された256 px画像が使われます。この構造のどこにも、パスも曲線も塗りもありません。

2001年からW3C規格となっているSVGは、ベクター図形と埋め込みビットマップの両方を保持できます。ICOを変換する場合、正直な出力は後者だけです。SVGにはアイコンの幅と高さ、そしてピクセルを持つ1つのimage要素が入るため、ブラウザーやFigma、スライドでICOとまったく同じに表示されます。拡大しても同じピクセルが見えます。描き直しは行われていないからです。

拡大縮小できるロゴが目的なら、包んだSVGはせいぜい中間段階です。アイコンを画像SVG変換に通してください。色の境界をたどり、サイズ変更や色変更、カットができるパスとして書き出します。結果は元のサイズに左右され、プログラムアイコンの256 px画像は16 pxのファビコンよりはるかにきれいにトレースできます。残す色数や曲線の滑らかさについては、PNGをSVGに変換する方法で解説しています。

文書や編集ソフトでアイコンを使うだけなら、SVGは使わず、ICOをPNGに変換で最大の画像をPNGとして取り出してください。逆に、ベクターのロゴから複数サイズのファビコンを作るにはSVGをICOに変換を使います。