2016年12月8日

ファビコンとホーム画面用のアイコン

ブラウザのタブやお気に入りのリストにアイコンが表示されるよう、head 内に、以下の3行を指定しています(3行目はスマートフォンやタブレットのホーム画面に追加した時に表示されるアイコン用)。

HTML

補足

  • アイコンは "favicon.ico" と "apple-touch-icon.png" の2種類用意します。
  • "favicon.ico" は 16×16px 、32×32px、48×48px の3つのサイズを含むマルチアイコンです。
  • "apple-touch-icon.png" は 152×152px の PNG 形式の画像ファイルです。
  • 必要なアイコンのサイズはブラウザや OS によって異なり、上記サイズでない場合、適当に拡大・縮小表示されるようです。そのため、アイコンの絵柄によっては、きれいに表示されない場合があります。