ファビコンとは？ファビコンの設置方法

2022.6.14

ファビコンとは？ファビコンの設置方法

ファビコンとは？

favicon（ファビコン）は、ウェブサイトやブログサイトのシンボルとして、サイト運営者が設置するアイコンのことで、「favorite icon」から作られた言葉です。

ファビコンの設置場所

ファビコンはhead内に記載し、ルートディレクトリに「favicon.ico」のファイルを設置することで、HTML中で指定が無くともfaviconとして認識されます。

ファビコンの設置方法

通常のファビコン
<link rel="icon" href="/favicon.ico">
iOS用のファビコン
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
通常のファビコン
<link rel="icon" type="image/png" href="/android-chrome-192×192.png">

ファビコンのサイズ

16px × 16px：Edgeのタブ、Chromeのタブ、Firefoxのタブ
24px × 24px：IE9 ピン留め機能
32px × 32px：ブックマークのアイコン
48px × 48px：WindowsのWebページアイコン
180px × 180px：iOS、Androidなどのスマホのホーム画面アイコン