ファビコン ジェネレーター - favicon.icoとPWAアイコンを作成

このファビコンジェネレーターが生成するもの

ファビコンは、もはや単一のファイルではなくなって久しいものです。ブラウザタブは16ピクセル、Retinaタブは32ピクセル、Windowsデスクトップショートカットは48ピクセル、iPhoneのホーム画面は180ピクセルのPNG、そしてインストール可能なウェブアプリは、マニフェストで宣言された192ピクセルと512ピクセルのアイコンを求めます。このツールは、1つのソース画像からこれらすべてを一度に生成します：favicon.ico, favicon-16x16.png, favicon-32x32.png, apple-touch-icon.png, android-chrome-192x192.png, android-chrome-512x512.png, そしてsite.webmanifest。これらを接続する4行のHTMLと共に、ZIPファイルにまとめます。.icoファイルはコンバーターに任せるのではなく、手作業で構築されます。ICOはコンテナフォーマットであり、コーデックではありません。6バイトのディレクトリヘッダーが内部の画像数を記録し、続いて画像ごとに1つの16バイトエントリが幅、高さ、バイト長、絶対オフセットを記録し、その後ろに画像データが続きます。現在使用されているすべてのブラウザは、これらのペイロード内でPNGデータを受け入れるため、このジェネレーターは、従来のボトムアップ行順序と別個の1ビット透過マスクを持つレガシーBMP/DIBエンコーディングではなく、PNGを書き込みます。16、32、48ピクセルの3つの画像が含まれるため、Windowsや古いブラウザは、1つの画像を不適切にスケーリングする代わりに、必要なサイズを選択できます。バイトを検査することがあれば、このフォーマットの1つの癖を知っておくと良いでしょう。幅と高さはそれぞれ1バイトを占めるため、256は0として書き込まれ、それを超えるサイズは一切表現できません。スケーリング品質にも同様に注意が払われています。1回のdrawImage呼び出しで1024ピクセルのロゴを直接16ピクセルに縮小すると、ブラウザのバイリニアフィルターは、2×2のサンプルから64×64ブロックを要約するように頼まれ、ほとんどのソースピクセルが破棄され、手作業のファビコンで知られる斑点状の混乱が生じます。このツールは代わりに画像を繰り返し半分に縮小し、1ステップで半分以上縮小することは決してないため、各パスで完全な近傍平均が行われ、細部が16ピクセルに至るまですべて生き残ります。角の半径と余白は、後付けではなく、そのレンダリングの一部として適用されるため、どのサイズでも丸いエッジのアンチエイリアスが保たれます。