favicon(ファビコン or ファヴアイコン)とは、Webサイトやページに設定されたアイコン画像の総称である。
「Favorite icon(お気に入りアイコン)」を意味し、それを略したもの。
ちなみにニコニコ大百科のfaviconはこれ→(2016年2月19日現在)
もともとは、Internet Explorerでサイトを「お気に入り」(ブックマーク)に入れた時のみに、favicon.icoと言うファイル画像を読み込んで表示する機能だった。
このファイルが読み込まれた回数をアクセス解析的にカウントしておくことで、そのウェブサイトがお気に入りされた回数の統計を把握できる!……って使い方を想定して、導入されたんだとか。
今では、そのもともとの役割としては終わっている現状で、サイトのアイコン画像ロゴとしての役割が中心。
Mozilla Application Suite が Faviconサポートしたことがきっかけとなり、他のブラウザもサポートしてきた。
Firefoxでは、ロケーションバー(アドレス欄)の左側に表示され、それとともにデザインにこうるさい人らの間では重宝され、普及していった気がするんだな。
タブブラウザだと、タブの上にfaviconが表示されるブラウザも多いね。
主に、16x16で表示されるため、画像が大きいと無理やり16x16に縮小されて表示される。
たぶん、Macだと、64x64くらいかもしれないけど、俺持ってないからしらねえ。
そのウェブサイトのfavicon画像はどこにあるのかというと、ルートディレクトリ(一番上のディレクトリ)にある「favicon.ico」って名前のファイルが基本。
例えばニコニコ大百科だと
https://dic.nicovideo.jp/favicon.ico
がfaviconのアドレスになってる。
でも現在では、favicon.ico でなくても、HTMLのヘッダ部分にlink要素のタグを使用し、アイコンを決めることが出来るようになってる。
<link rel="icon" href="faviconのリンク先を書きなよ" />
あと、キャッシュが消えてたり、読み込めてなかったら、favicon は表示されなかったりする。
favicon は、キャッシュされるから。
掲示板
8 ななしのよっしん
2016/09/22(木) 12:32:08 ID: SzSxt2J3ll
こういう記事、嫌いじゃないwww
あとiPhone用のfaviconについても触れて欲しいな
9 weep ◆LOUDweep3s
2018/08/30(木) 01:47:41 ID: igxKX8fzeR
お久しぶり。
あとで、綺麗さっぱりと直されると思ってたのに意外と直ってないw
>>8
iOS用の favicon ってどうなんだろうな。
PNG 形式必須なんだっけか。
でも、新機種出るたびにサイズ最大値変わってるので書くのが怖い。
<link rel="apple-touch-icon" href="apple-touch-icon72.png" sizes="72x72">
<link rel="apple-touch-icon" href="apple-touch-icon114.png" sizes="114x114">
<link rel="apple-touch-icon" href="apple-touch-icon180.png" sizes="180x180
(省略しています。全て読むにはこのリンクをクリック!)
10 ななしのよっしん
2018/12/11(火) 20:07:50 ID: 3FPKquoEIb
なんとなく飛んできたら謎の語りかけ口調でワロタ
俺持ってないから知らねえが特にきいてるwww
急上昇ワード改
最終更新:2024/04/23(火) 17:00
最終更新:2024/04/23(火) 17:00
スマホで作られた新規記事
ウォッチリストに追加しました!
すでにウォッチリストに
入っています。
追加に失敗しました。
ほめた!
ほめるを取消しました。
ほめるに失敗しました。
ほめるの取消しに失敗しました。