Android Firefox、Favicon 未設定かつ OGP は設定されている場合、タブのアイコンに OGP 画像が表示されるのか。
フォロー
Favicon 未設定だけでなく、対応していない SVG Favicon でもそうなった。
うちのブログ、SVG Favicon に対応していないブラウザがあってもそれはそれでと favicon.ico の中身を SVG にしていたけれど、一部のブラウザのみとはいえ Favicon の代わりに OGP 画像が表示されるのはちょっと困るな……。
2024年になっても image/vnd.microsoft.icon や image/png が安パイなのか🤔
<link rel="icon" href="favicon.ico" type="image/svg+xml">
<link rel="icon" href="favicon.png" type="image/png">
で2タイプ指定すると、Blink 系ブラウザでは両方へのアクセスが生じてしまう。
HTML 仕様ではソースツリーで最後のものを優先しつつ、type 属性等で適切なアイコンを使用せよとあるが、選択の過程で複数リソースへのアクセスが生じること自体は禁止してはいない。
とはいえもっともメジャーなブラウザで毎回 1.5kB ほどの無駄なアクセスが生じてしまうのは許容できない。
悩ましいところだが「Android Firefox でタブを表示したとき」というレアケースのことは諦めて、SVG 1本の現状維持で行くか……。
国立国会図書館デジタルコレクション<https://dl.ndl.go.jp/>はこんな書き方しているけれど、alternate キーワードはそういう使い方してはダメですよねえ
<link rel="icon" href="/img/icons/ndldc/favicon.svg" type="image/svg+xml">
<link rel="icon alternate" href="/img/icons/ndldc/favicon.png" type="image/png">