ホームページにfaviconを設定する
久しぶりにファビコンの設定をしようと思ったらどうやら shortcut
を指定するのはよろしくないということを聞いたので整理してみました。
<link rel="shortcut icon" href="/images/favicon.ico">
これはすでに時代遅れだった・・・
ico形式の場合
linkタグのrel要素に icon
を指定する。 shortcut
は不要です。
<link rel="icon" href="/images/favicon.ico">
pngやgif形式の場合
IE11以上や最近のブラウザ(Edge、Chrome、Safariなど)ではPNG形式やGIF形式のファ像をfaviconに設定することが可能です。type属性で画像形式を指定します。
<link rel="icon" type="image/png" href="/images/favicon.png">
<link rel="icon" type="image/gif" href="/images/favicon.gif">