LoginSignup
3
0

More than 3 years have passed since last update.

ブラウザタブのアイコン変更

Posted at

ブラウザタブにアイコンを表示させたい!

ほとんどのホームページのブラウザタブには,アイコンが設定されています.
laravelをさわる機会があったので,ブラウザタブを好きな画像に変更してみました.
これのブラウザタブのアイコンはファビコン(favicon)と言うらしいです.

必要なもの

ブラウザタブを変更するにあたって,必要なのは16×16の画像です.
このサイズの画像を加工する様々なサイトはありますが,今回はこちらのサイトを使用しました.
Favicon & App Icon Generator

設定したい画像(出来れば700×700ぐらいがいいらしい)を"ファイルを選択"から選んで,"Create Favicon"を押すだけ.あとはその画像をダウンロードする.

配置

~/"プロジェクトファイル"/public 内にダウンロードした画像(拡張子は.ico)を配置(初期では画像無しのfavicon.icoがあるので,置き換える)するだけ.
サイトをリロードしてみると,反映されているはずです.

参考文献

2019年版】ホームページのタブ画像(favicon/touch-icon)作成と設定方法まとめ

3
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
3
0