Home > WEB関連コラム > サイトにFavicon(ファビコン)を設置する方法

サイトにFavicon(ファビコン)を設置する方法

今まで、Favicon(ファビコン)という呼称を知りませんでした。

ブラウザのアドレスバーにあるアイコン、ブラウザのタブの目印、くらいに思ってましたが、

正式名称を「Favicon」という、そしてその拡張子は、.icoです。
Favorite iconという言葉を略でもある。
Favicon(ファビコン)

無くてもいいけど、あっても損は無いので、今さらながら作ってみました。

作り方

ファビコン作成ツール

・適当な画像を正方形で作成(サイズは適当でもFavicon作成オンラインツールで変換)

FavIcon from Picsを使って、.icoファイルを作成。(当サイトのようにアニメーションgifも作成可能です。)

・ダウンロードした.icoファイルを、ルートディレクトリ(http://example.comだったら、.com/ココ)にアップロード。

・ <link rel=”shortcut icon” href=”favicon.ico” /> を、<head></head>の間に挿入。

※WordPressの場合は、テーマファイルのheader.phpを編集です。

ファビコンの詳しい説明は、Wikipediaが詳しい。

ファビコンの設置方法の説明は、FaviconJapanが詳しい。

:追記 画像の入れ替えの際には、キャッシュの削除を忘れずに。

コメント:0

Remember personal info

Trackbacks:0

トラックバックURL
http://900914.com/web2/websiting/favicon.html/trackback

Home > WEB関連コラム > サイトにFavicon(ファビコン)を設置する方法

Return to page top