ファビコンの指定方法【ico形式へ画像の変換と記述法】

HTML

ファビコンとは

ファビコンとはサイトを表示させた際にブラウザのタブに表示される小さな画像の事です。ユーザーが分かりやすい画像を表示させます。色々なサイトのファビコンを見てみると面白いのですが、なるべく目立つ色でシンプルな物がいいのかなと思います。母のイラストサイトでは目立ちそうな赤のイラストを使用しました。

ファビコン用画像を用意

まずファビコン用の画像を用意します。pngやjpgで用意した画像がある場合、
favikonにアップロードして「.ico形式」の画像に変換、ダウンロード、Index.htmlがある階層に保存します。

headerにlinkタグで指定

Htmlのheaderに以下を記載します。

<link rel=iconhref=favicon.ico>

これだけ!

サーバーにサイトをアップロードして確認

ローカルPCでサイト作成中は見れなかったのですが、サイト完成、私の場合ロリポップサーバーにアップロード後に表示を確認出来ました!



コメント

タイトルとURLをコピーしました