ファビコンの設置方法
最終更新日 - 公開日 2020.07.02
by
ファビコンの設置方法を紹介します。
ファビコンの設置方法
リンク要素使ってファビコンを設置するには、次のコードを head タグ内に追加します。
<link rel="icon" href="https://hirashimatakumi.com/favicon.ico" />
ファビコンのファイル形式
一般的にファビコンは ico 形式のファイルが必要になります。
通常 photoshop では書き出せない形式のため、変換サービスなどを利用してファイルを用意してください。
古いブラウザーを切り捨てる場合は png ファイルなどでも代用可能です。
ルートディレクトリに設置する方法
ファビコンはルートディレクトリに設置するだけでブラウザーに認識させることが可能です。
例えば「favicon.ico」を「https://hirashimatakumi.com/favicon.ico」のような位置に設置します。
最新のブラウザーによってはルートディレクトリ以外でも認識されるようです。
まとめ
ファビコンの設置方法を紹介しました。