読者です 読者をやめる 読者になる 読者になる

Faviconの設定

Faviconとは

Faviconはウェブサイト運営者がウェブサイトやウェブページに配置するアイコンの俗称で、favorite iconの略でお気に入りのアイコンという意味です。

 

faviconのサイズはOSやデバイスによって様々で、すべてに対応するのは大変なため、基本的な以下のサイズで対応します。

・PC用サイズ    16px✖16px
MacSafari用   32px✖32px
スマートフォン用 192px✖192px

icoファイルに変換するfaviconジェネレーター

以下のジェネレーターは複数のサイズの画像を一つのicoファイルにすることができます。

http://ico.bradleygill.com/index.php

HTMLへの記述

Faviconを表示させるための記述は、以下を<head></head>内に記述します。

<link rel="shortcut icon" href="favicon.ico" type="image/vnd.microsoft.ico"/>
<link rel="apple-touch-icon" href="touch-icon.png" />