京都のデザイン・ホームページ制作会社 デザイン カンパニー アートクリック

京都のデザイン・ホームページ制作会社

アートクリックのスタッフブログ

ファビコンとホーム画面のアイコンの設定方法

2019年01月31日

ファビコンとホーム画面アイコンの設置方法

ホームページのアイコンともいえるファビコンの設定方法を覚え書き
PCのブックマークだけでなく、スマホのホーム画面へサイトを登録した際にも表示されるアイコンなので、ホームページを作成したらファビコンも設置することをオススメします。

作成するファイルは次の2点です。
1)favicon.ico
 サイズ:64×64px
2)apple-touch-icon.png
 サイズ:180×180px

上記のファイルを作成し、任意のディレクトリへアップロード。
ヘッダー内に次のようにタグを設置して完了です。