PNG → ICO とは?
ICO は Windows のアイコンやサイトの favicon.ico に使われる形式で、1 つのファイルに複数サイズを格納できます。このツールは PNG を 16/32/48 px を含む favicon.ico に変換します。すべてブラウザ内で処理し、アップロードしません。
使い方
- PNG を選ぶかドロップします(正方形・透過が理想)。
- 複数サイズのプレビューがすぐ表示されます。
- 「ダウンロード」で favicon.ico を取得します。
便利なヒント
- 先にロゴを整える(背景除去や PNG→SVG)と favicon が鮮明になります。
- 16px では小さいので、細部が少ないほど見やすいです。
- サイトのルートに
favicon.icoの名前で置くと自動認識されます。
3 枚を収めた ICO が 1 枚の PNG より 30 倍小さいのはなぜか
中の 3 枚がとても小さいからです。出力の ICO は 16・32・48 px を並べて収め(この 3 つの寸法はソースに固定されており、各枠に入るのは PNG のストリームです)、合計 3,584 ピクセル。元の 1200 × 800 のロゴは 960,000 ピクセルで、268 倍あります。一方バイト数は 28.8 KB → 951 B(-97%)で、縮んだのは 31 倍だけ。2 つの倍率が違い、その差が答えです。1 ピクセルあたりに換算すると、ICO のほうが 8.6 倍高いのです。小さな画像は自分の固定費を薄められません —— 3 つの PNG ストリームがそれぞれヘッダーを持ち、さらに ICO の目録が乗ります。イラストの行も同じで 34.7 KB → 1.3 KB(-96%)。形についての挙動も 1 つ:縮小は小さい方の比率を採り中央に置くため、正方形でない画像は縦横比を保ったまま正方形の枠内に透明な余白ができ、潰れることはありません。