概要
ICO の歴史は Windows 1.0（1985 年）にさかのぼります。ファイルには小さなディレクトリと、それに続くさまざまなサイズの画像が入っています。当初は透過マスク付きの非圧縮ビットマップで、Windows Vista 以降は最大 256 × 256 ピクセルの PNG 圧縮画像も使えます。
ブラウザは 1999 年に favicon.ico を採用しました。最新のブラウザは PNG や SVG のファビコンも受け付けますが、多くのツールやクローラーはいまも既定で /favicon.ico を要求するため、用意しておくのがおすすめです。
メリット
- +1 ファイルに複数の解像度
- +すべてのブラウザがファビコンとして対応
- +アルファ透過
デメリット
- −最大 256 × 256 ピクセル
- −一般的な画像向けではない
- −ビットマップ形式のエントリーは大きい
ICO の圧縮の仕組み
各エントリーは、1 ビットマスク付きの非圧縮デバイス独立ビットマップか、PNG ファイルそのものです。JFIF.IO は、Windows Vista 以降とすべてのブラウザが対応する PNG 圧縮のエントリーを書き出します。
主な用途
- Web サイトのファビコン
- Windows のアプリケーションやショートカットのアイコン
ブラウザとソフトウェアの対応状況
すべてのブラウザが ICO のファビコンを読み込めます。多くのブラウザは .ico ファイルを直接開いて表示することもできます。
ICO の変換方法
このページ上部の変換ツールを使います。ファイルをドロップし、出力形式を選んで結果をダウンロードするだけです。変換はブラウザ内で行われるため、何もアップロードされません。
- JPG は透過に対応していません。透明部分は背景色で塗りつぶされます。
ブラウザ内でローカルに処理
ICO に関するよくある質問
favicon.ico にはどのサイズを入れればよいですか？
16×16、32×32、48×48 があれば、ブラウザのタブ、ブックマーク、Windows のショートカットをカバーできます。Apple 端末用に 180×180 の PNG、Android 用に 192/512 の PNG を追加しましょう。ファビコン生成ツールでまとめて作成できます。
今でも favicon.ico は必要ですか？
PNG や SVG のアイコンを宣言していれば必須ではありませんが、多くのツールやクローラーが自動で /favicon.ico を要求するので、入れておく価値があります。