Faviconの設定

その他 HTML5

Faviconとは

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

 

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

・PC用サイズ　　　　16px✖16px
・Mac版Safari用　　　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" />