マルチサイズICOとは?仕組みと作り方をわかりやすく解説
ICOファイルに複数サイズの画像を格納する「マルチサイズICO」の仕組み、メリット、作り方を解説します。
ICOファイルのアップロード、またはWebサイトのURLを入力するだけで、 ファビコンの中身を解析できます。含まれる画像のサイズ・ビット深度の確認や、 個別PNGの抽出が可能です。
ドラッグ&ドロップまたはクリックして画像を選択
PNG, JPG, GIF, BMP, WebP, SVG, AVIF (20MBまで)
ICO(.ico)ファイルは、ヘッダー部分と1つ以上の画像データで構成されるコンテナ形式です。 各画像はBMPまたはPNG形式で埋め込まれており、それぞれ異なるサイズ・ビット深度を持つことができます。
bppは1ピクセルあたりの色情報量です。32bppはフルカラー+アルファ透過に対応し、現在のファビコンの標準です。 古いICOでは8bpp(256色)や4bpp(16色)の画像が含まれていることもあります。
Windows Vista以降、ICO内にPNG形式で画像を埋め込むことが可能になりました。 PNG埋め込みはBMPより圧縮効率が高くファイルサイズが小さくなります。 現在作成されるICOのほとんどはPNG埋め込み方式です。
16x16(タブ)、32x32(タスクバー)、48x48(デスクトップ)が含まれていないと、 ブラウザやOSが他サイズから拡大・縮小して表示するため、表示がぼやける原因になります。
最低限 16x16(ブラウザタブ)、32x32(タスクバー)、48x48(デスクトップ)の3サイズが推奨されます。分析結果の「推奨サイズチェック」で有無を確認できます。
はい。ブラウザのアドレスバーのファビコンを右クリックして保存するか、サイトの/favicon.icoにアクセスしてダウンロードし、本ツールにアップロードしてください。
はい。ICOから抽出したPNG画像はそのまま利用できます。Apple Touch IconやAndroid用アイコンとして使いたい場合は、一括生成ツールで必要なサイズに変換できます。
ICO(アイコン)とCUR(カーソル)はほぼ同じバイナリ構造ですが、ヘッダーのタイプフィールドが異なります。CURにはカーソルのホットスポット座標が追加されています。本ツールはICO形式のみ対応しています。
ICOファイルに複数サイズの画像を格納する「マルチサイズICO」の仕組み、メリット、作り方を解説します。
ファビコンが表示されない・反映されない原因を網羅的に解説。Chrome・Safariのキャッシュ問題、パス間違い、CDN、WordPress・Shopifyなど環境別の対処法をチェックリスト形式で紹介。
ファビコンがぼやける・画質が荒い7つの原因と対処法をチェックリスト形式で解説。Retina対応、マルチサイズICO、リサイズ品質、SVGファビコンによる根本解決まで。
ファビコン(favicon)に使える拡張子・ファイル形式を徹底比較。ICO・PNG・SVG・GIF・WebPのブラウザ対応状況、HTMLの書き方、2026年の推奨構成まで実務目線で解説。