16×16 から 256×256 まで異なるサイズのビットマップ画像を 1 ファイルに格納できる形式です。OS やブラウザが表示先の大きさに合わせて最適なサイズを自動で選びます。
技術用語
372
.ico
ドット アイコ
体験区分：触った
推奨読者レベル：Level 2-3
何をしてくれるか
どこで出会うか
Web サイトを作ると `favicon.ico` をルートに置くよう求められます。AI に「favicon を用意して」と頼むと `.ico` 生成を提案されます。Windows のショートカットアイコンにも使われます。
比較図
2026.04·needs_review
「favicon は AI に SVG で作らせて、`.ico` は ImageMagick で変換しました。」
.icoの見方
373
この用語の見どころ
1
役割
複数サイズのアイコン画像を 1 ファイルに束ねる形式です。
2
うれしさ
OS が表示先に合わせて最適サイズを自動選択してくれます。
3
注意点
現代の Web では PNG や SVG でも favicon に使えます。
4
どこで役立つか
Windows アプリや IE 対応が必要なサイトで今も必要です。
5
はじめに
`favicon.ico` はサイトのルートに置くブラウザタブ用アイコンです。
6
深掘り先
SVG、PNG、ImageMagick
非エンジニアのつまずき
- 画像生成で作ったものをアイコンのところに設定しようと思うと、この拡張子を変えるだけではダメで
- 特別な処理をかけないといけないというところを知らなかったのが1つ目です。
- もう1つは、何も設定しないままになってしまって、毎回同じものが出てしまうというところです。
私のコメント
- 第一印象:Web ページの上に出ているアイコンって、PNG とか JPEG じゃないんだ、というところでした。ICO というファイル形式を知りませんでした。
- 良い点:非常に軽量で、特徴を伝えられるので、自分のサイトを作ったときに何かを識別する手段になります。
- ダメな点:Web 制作などをしないと、そもそもこの拡張子の名前すら知らないままです。
- 誰向けか:自分でサイトを作ってデプロイする人向けです。社内システムを作る人も、バニラのままではなく設定してほしいなと思います。
開発フローでの位置
デザイン素材を用意
サイズ展開
`.ico` に変換
favicon として配置
関連用語
F-101·term_tool
バイブコーディング図鑑