webサイト制作

以前、授業でファビコンを作成した際には、一度、png等のビットマップで作成し、そのあと.ico用のジェネレーターで変換していましたが、とうとうファビコンもSVG形式が対応されるようになりました。SVGを使えばこれまで使われてきたPNGなどのビットマップ形式とは違い、拡大縮小しても画質が劣化しません。なので、以前紹介したような多くのサイズを用意する必要はありません。

caniuse.com

IEなど一部のブラウザーには対応していないので、対応していないブラウザー用に念の為、PNG形式のファビコンを用意して設置しておきましょう。

<link rel="icon" href="favicon.svg" type="image/svg+xml">
<link rel="icon alternate" href="favicon.png" type="image/png">