PNGをICOに変換

ICOは1枚の画像ではなく、フォルダーのようなもの

.icoファイルは小さな目録のようなものです。短いヘッダーのあとに、画像ごとに幅・高さ・色深度・データの開始位置を記録した項目が続きます。中の画像はそれぞれ独立していて、それこそが肝心な点です。Windowsは必要なサイズに最も近いものを選んでそのまま使うので、大きな画像をその場で縮小することはありません。本物のマルチサイズアイコンがタスクバーでくっきり見え、256pxの画像1枚を.icoに押し込んだものが16ピクセルでぼやけて見えるのはこのためです。

ここで選べるサイズ（16・32・48・256）は、Windowsが実際に要求するものです。16はタイトルバーや小さな一覧、32はデスクトップとタスクバー、48はエクスプローラーの中アイコン表示、256は大アイコン表示と、それを拡大表示する高密度ディスプレイ用です。各サイズは1つ上のサイズから作るのではなく、元画像からそれぞれのサイズで個別に描画します。そのため小さなサイズでも、縮小を重ねてぼやけることなく、元画像の品質をそのまま受け継ぎます。

256が上限なのはICO形式そのものの性質で、ここで決めた制限ではありません。目録の項目は各寸法を1バイトで保存し、そこが0なら256を意味します。それより大きいサイズは表現できないのです。Windows Vista以降は生のビットマップではなくPNGデータを入れられるようになり、そのおかげで256pxのアイコン1つで0.25 MBも占めることがなく、きちんとした透過も可能になりました。ここで作るすべてのサイズが完全なアルファチャンネルを持ちます。

正方形でない元画像は透明な正方形の中央に配置され、余白で補われるだけで、引き伸ばされることはありません。横長のロゴを正方形に押しつぶすのは、アイコンで最も目立つ失敗です。そのため形は保ち、余った部分は空けておきます。もっとぴったり収めたい場合は、先に正方形にトリミングしてください。長方形のどの部分が大事なのかは、ツールには判断できません。

ほかの目的には

アイコンで本当に難しいのは形式ではなくデザインです。256ピクセルでは美しく見えるイラストも、16ピクセルでは判別できないにじみになりがちです。そのサイズで表現できるのは、1つの形と2色程度だけだからです。プロのアイコンセットは小さいサイズ用に別途描き起こし、細部を省いて線を太くしています。自動縮小ではその代わりにはなりません。ここのプレビューはそれを正直に見せるので、公開する前に問題に気づけます。

スクリプトで処理したいときや、フォルダー単位でアイコンを作るなら、ImageMagickならコマンド1つでマルチサイズのファイルを作れます：magick logo.png -define icon:auto-resize=256,48,32,16 favicon.ico。アプリではなくWebサイト用のアイコンなら、今は.icoだけでは足りません。最新のブラウザ、iOSのホーム画面、Androidのランチャーはそれぞれ別のファイルを求めます。それをまとめて作るのがファビコン一式の作成です。