推奨記述例
<link rel="icon" href="/favicon.png" type="image/png" sizes="32x32"> <link rel="icon" href="/favicon.ico" type="image/x-icon">
.png は高解像度対応に便利。
.ico は古い環境や一部の場面でまだ使われることがあるので、両方用意すると安心。
従来の「shortcut icon」は Internet Explorer 独自の拡張で、標準仕様ではない。
現在の主要ブラウザ(Chrome, Firefox, Safari, Edge)はすべて 「icon」を解釈。
W3C仕様でも正式に定義されているのは「icon」。