ファビコンとホーム画面のアイコンの設定方法
2019年01月31日
ホームページのアイコンともいえるファビコンの設定方法を覚え書き
PCのブックマークだけでなく、スマホのホーム画面へサイトを登録した際にも表示されるアイコンなので、ホームページを作成したらファビコンも設置することをオススメします。
作成するファイルは次の2点です。
1)favicon.ico
サイズ:64×64px
2)apple-touch-icon.png
サイズ:180×180px
上記のファイルを作成し、任意のディレクトリへアップロード。
ヘッダー内に次のようにタグを設置して完了です。
<link rel="icon" href="./favicon.ico" type="image/x-icon"> <link rel="apple-touch-icon" href="./apple-touch-icon.png" sizes="180x180">