ブラウザタブにアイコンを表示させたい!
ほとんどのホームページのブラウザタブには,アイコンが設定されています.
laravelをさわる機会があったので,ブラウザタブを好きな画像に変更してみました.
これのブラウザタブのアイコンはファビコン(favicon)と言うらしいです.
必要なもの
ブラウザタブを変更するにあたって,必要なのは16×16の画像です.
このサイズの画像を加工する様々なサイトはありますが,今回はこちらのサイトを使用しました.
Favicon & App Icon Generator
設定したい画像(出来れば700×700ぐらいがいいらしい)を"ファイルを選択"から選んで,"Create Favicon"を押すだけ.あとはその画像をダウンロードする.
配置
~/"プロジェクトファイル"/public 内にダウンロードした画像(拡張子は.ico)を配置(初期では画像無しのfavicon.icoがあるので,置き換える)するだけ.
サイトをリロードしてみると,反映されているはずです.