favicon単語

ファビコン

favicon(ファビコン or ファヴアイコン)とは、Webサイトページに設定されたアイコン画像の総称である。
Favorite icon(お気に入りアイコン)」を意味し、それを略したもの。

ちなみにニコニコ大百科のfaviconはこれ→ニコニコ大百科favicon2016年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 は、キャッシュされるから。

関連項目

関連ページ

【スポンサーリンク】

スマホ版URL:
https://dic.nicovideo.jp/t/a/favicon

この記事の掲示板に最近描かれたお絵カキコ

お絵カキコがありません

この記事の掲示板に最近投稿されたピコカキコ

ピコカキコがありません

favicon

1 ななしのよっしん
2009/12/01(火) 01:23:45 ID: QA6Y8+F8MF
何でこんな独特のり口なんだよwww
2 ななしのよっしん
2010/02/11(木) 11:48:38 ID: jp+19CBWCF
faviconcookieが組み合わさるとウェブビーコンになる
3 ななしのよっしん
2010/06/06(日) 04:43:02 ID: 69Usz60gkC
味があるけど適当な記事だなw 立て逃げ一重
4 weeP
◆weeP1240.U 2010/06/11(金) 12:45:12 ID: igxKX8fzeR
>>3
よく調べて書いたつもりだが、ごめんなさい。
5 ななしのよっしん
2010/06/20(日) 23:36:02 ID: 69Usz60gkC
>>4
そうだったか失礼。持ってないから知らねえは吹いたw 関連~は、いなら消してもいいんじゃない?
6 ななしのよっしん
2012/05/09(水) 21:26:58 ID: hcFpvcjy9I
ニコ動のそれは闇堕ちしたようだな。
7 ななしのよっしん
2013/06/12(水) 19:19:11 ID: AmeJSRQlNB
ニコ動ファビコンいつの間に変わったんだ?
と思って大百科の記事見たらり口がすげーフランクワロタ
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