「分かりそう」で「分からない」でも「分かった」気になれるIT用語辞典イメージぴよ画像「分かりそう」で「分からない」でも「分かった」気になれるIT用語辞典

favicon(ファビコン)

pointこの用語のポイント

point画像ファイルだよ

pointホームページのシンボル(アイコン)として使われるよ

スポンサーリンク

簡単に書くよ

favicon(ファビコン)とは

「favicon.ico」のこと。
用語の中身としては

ホームページのシンボル(アイコン)として使われる、画像ファイルのこと
であり

そのホームページを作った人が「このホームページは、こんなのだよ」をイメージして用意した画像ファイルで、お気に入りに登録したときにホームページタイトルの横に表示される小さな画像のこと
です。


image piyo

詳しく書くよ

順番に見ていきましょう。
まずは予備知識として「アイコン」と「favicon.ico」について簡単に説明します。
「そんなの説明されなくても知ってるよ!」な人は適当に読み飛ばしてください。

アイコンは「どんなものですよー」を簡単に表現したイラストです。

favicon

例えば、マンガで出てくる自爆スイッチにはドクロマークが付いていますよね。
このドクロマークは「ヤバイよ!」を表現するイラストです。
押したらヤバイことになるのがパッと見で分かるようにするために付いています。

favicon2

同じように、コンピュータの世界でも「それが何か」や「押すと、どうなるか」をイラストで表現することが多々あります。
このイラストを「アイコン」と呼びます。

favicon3

コンピュータの世界で登場するイラストは画像です。
ですから「アイコン用のファイルは画像ファイルである」と言えます。

favicon.icoホームページを示すアイコンとして使われる画像ファイルです。
タイトルバーや、お気に入りに登録したときなどに、ホームページタイトルの横に表示されます。

favicon4

例えば、わわわIT用語辞典をイメージして私が作ったfavicon.icoはピヨ太君の顔です。
大きさの都合で大学帽は脱がせてしまいましたけどね。
わわわIT用語辞典を象徴する存在としてアイコンに相応しいでしょう。

favicon5

以上を踏まえて

「favicon.ico」を意図した省略表現

が「favicon(ファビコン)」です。
カタカナで「ファビコン」とは、あまり書きません。
「favicon.ico」や「favicon」あるいは「Favicon」と書くのが一般的です。

ちなみに、由来は「favorite icon(フェイバリット・アイコン)」らしいです。
そもそもの使い道が、お気に入りに登録されたときに表示されるアイコンだからでしょう。
覚えていても何の得にもなりません。
興味のない人は忘れてしまって結構です。

なお、faviconは、ただの画像ファイルでは ありません。
「アイコン用の」画像ファイルです。
専用のソフトを使って作る、もしくは、専用のソフトを使って普通の画像からfaviconに変換するのが一般的です。

faviconの具体的な作り方は「favicon 作成方法」あたりをキーワードにしてGoogleYahoo!などで検索してみてください。
きっと、詳しい説明が見つかるはずです。

あとは、できあがったfaviconをWebサーバ(ホームページのファイルを置くコンピュータ)に配置すれば完了です。

favicon6

あと、faviconのファイル名は必ずしも「favicon.ico」である必要は ありません。
ホームページのファイルのヘッダ部(<head> ~ </head>の中)

<link rel="shortcut icon" href="【faviconの名前】" type="image/vnd.microsoft.icon">

と書くことで、好きな名前のアイコンファイル拡張子が「.ico」のファイル)を指定できます。
例えば

<link rel="shortcut icon" href="piyota.ico" type="image/vnd.microsoft.icon">

と書けば「piyota.ico」がfaviconの役割を果たします。

何も書かない場合は

<link rel="shortcut icon" href="favicon.ico" type="image/vnd.microsoft.icon">

が書いてあるのと同じ動きになるわけです。

とはいえ、厳密に言えばWebブラウザ(ホームページを見るときに使うソフト)さんの動き次第です。
特に理由がなければ、faviconの名前は「favicon.ico」のままにしておいた方が無難だと思います。


image piyo2

一言でまとめるよ

まぁ「favicon」って単語が出てきたら「そのホームページを表現するアイコンファイル(アイコン用の画像ファイル)なんだな~」と お考えください。

一番上に戻るよ
スポンサーリンク
書籍画像059
書籍画像050

おまけ

■訳してみるよ

「favicon(ファビコン)」は「favorite icon(フェイバリット・アイコン)」の略です。
「favorite(フェイバリット)」の意味は「お気に入り」とかです。
「icon(アイコン)」の意味は「像」とか「肖像」とか「偶像」とか「聖像」とかです。
何となく くっつけると

お気に入りの偶像

となります。




書籍画像
わわわ説明術コラム
宣伝だよ
「分かった!」と思わせる説明の技術 知識ゼロの相手にも伝わるようになる本【Audible】
優れたエンジニアがコミュニティの中でしていること
ソフトウェア受託現場の「失敗」集めてみた。 42の失敗事例で学ぶ受託開発のうまい進めかた