HTML

ファビコンの設置方法

ファビコンの設置方法を紹介します。

  1. ファビコンの設置方法
  2. ルートディレクトリに設置する方法

ファビコンの設置方法

リンク要素使ってファビコンを設置するには、次のコードを head タグ内に追加します。

<link rel="icon" href="https://hirashimatakumi.com/favicon.ico" />

ファビコンのファイル形式

一般的にファビコンは ico 形式のファイルが必要になります。
通常 photoshop では書き出せない形式のため、変換サービスなどを利用してファイルを用意してください。
古いブラウザーを切り捨てる場合は png ファイルなどでも代用可能です。

ルートディレクトリに設置する方法

ファビコンはルートディレクトリに設置するだけでブラウザーに認識させることが可能です。
例えば「favicon.ico」を「https://hirashimatakumi.com/favicon.ico」のような位置に設置します。
最新のブラウザーによってはルートディレクトリ以外でも認識されるようです。

まとめ

ファビコンの設置方法を紹介しました。