デザイン・ホームページ・印刷のことならアートクリック

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

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

TOP > ブログ > ファビコンとホーム画面のアイコンの設定方法

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

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">