ICO を PNG に変換 — 中の絵を取り出す

これは多くの変換ツールが教えてくれないことです。ICO は画像ではなく、それぞれ大きさの違う複数の画像を持つ小さなディレクトリです。混み合ったタスクバーで鮮明な 16 ピクセル版を、デスクトップで鮮明な 256 ピクセル版を、どちらも拡大縮小せずに Windows が表示できるようにするためです。よくできたアプリケーションアイコンはたいてい 4 から 6 個のエントリを持ちます。PNG には 1 枚の絵の余地しかなく、ディレクトリという概念自体がありません。

ですからこの変換は再符号化ではなく、選択に続いて再符号化を行うものです。興味深い問いはどのエントリが選ばれるかで、このページの残りはすべてそこから導かれます。

復号はこのページに同梱されたライブラリではなく、あなたのブラウザーが行います。どのブラウザーのアイコン復号器もディレクトリの中でいちばん大きな画像を返します。これは仮定ではなく実測しました。16、32、48、256 ピクセルのエントリをそれぞれ違う色で描いたアイコンファイルを作り、結果を取り違えようがないようにしたところ、256 エントリの色で 256 ピクセルの PNG が戻ってきました。ディレクトリを小さい順、大きい順、シャッフルした順に書き換えても何も変わりませんでした。

実務上の結果は、選べないということです。ファイルが 256 ピクセルの画像を持っているなら、それが得られる絵で、16、32、48 ピクセルの絵はメッセージもなく捨てられます。しかもそれらこそ、誰かがいちばん時間をかけたエントリであることが多いのです。

ICO のエントリは幅と高さをそれぞれ 1 バイトで記録し、255 で頭打ちになり、値 0 を 256 の意味に予約しています。これがすべての天井です。世界中のどのアイコンファイルも 256 ピクセルを超える画像を持たないので、そこから作られる PNG もそれより大きくはなりません。

これは誰かにロゴを求められたときに重要です。アイコンファイルは元となる素材ではなく、256 ピクセルの PNG をスライドの全幅に置いたり任意のサイズで印刷したりすれば、ぼやけて見えます。サムネイル以上の用途に PNG を使うなら、アイコンを変換するのではなく元のアートワークを探しに行ってください。アイコンはそこから作られたのであって、逆ではありません。

どちらの形式も本物の 8 ビットアルファチャンネルを持てるので、角の丸いアイコンや切り抜かれたマーク、柔らかいドロップシャドウは描かれたとおりに PNG へ届きます。選ぶべき背景色も、あとで切り取る白い箱もありません。テストアイコンでは出力の角のピクセルは 0,0,0,0——不透明度ゼロの黒ではなく完全な透明——と読めました。

これが PNG がここで正しい行き先で JPG が違う理由です。アイコンが色付きの背景——暗いテーマのドキュメントサイト、スライド、アプリストアのグリッド——に置かれる可能性が少しでもあるなら、アルファチャンネルこそこの変換をわざわざ行う理由そのものです。

どちら側も可逆です。アイコンは生のピクセルへ復号され、その正確な値が PNG に書かれるので、間違えようのある品質設定はなく、同じファイルを 2 回変換しても世代劣化は起きません。変わるのは梱包であって絵ではありません。

PNG はそのあと oxipng を通り、平凡な符号化器が書くものの大きな部分を、ピクセルに一切触れずに取り除きます。8,471 バイトのテストアイコンから作られた 256 ピクセルの PNG は 1,737 バイトで、元のアイコンより小さくなりました。アイコンは同じ絵を 4 つ複製して持っていましたが、PNG は 1 つだけ持つからです。

小さいエントリが本当に欲しいものなら、このページはそれを渡せず、ブラウザーの復号器を経由するどの変換ツールも同じです。良いアイコンの小さいサイズは縮小コピーではなく、線を整数ピクセルに合わせ、細部を削って、その大きさでも読み取れるように描き直されています。256 ピクセルの PNG を縮小すると、見た目にはっきり劣った結果になります。

この仕事にはアイコン編集ソフトを使ってください。GIMP は ICO を開いて各エントリを別々のレイヤーとして表示し、1 つずつ書き出せて、費用もかかりません。IcoFX は Windows 上で同じことを、より親しみやすい操作画面で行います。

ウェブから拾った favicon は、天井が示唆するよりずっと小さいことがよくあります。高解像度画面が重要になる前に書かれたファイルは 16 ピクセルの絵しか持たないことが多く、16 と 32 の両方を持つこともあります。256 ピクセルのエントリが一般的になったのは Windows とブラウザーが大きなタイルにそれを使い始めてからです。ですから古いサイトの favicon.ico は 16 ピクセルの PNG しか生み出さないことがあり、それがそのファイルが持っていたものの正直な上限です。

結果は正しく見え、favicon 以外にはほとんど使い物になりません。これは変換の欠陥ではありません。それより大きい絵はそもそも保存されていませんでした。そのサイトが大きい版を公開しなかった証拠として受け止め、マークは別の場所を探してください。

現代の favicon のマークアップは PNG を直接受け付け、多くのサイトは今では従来のアイコンファイルに加えて、ルートに 32 ピクセルの PNG、180 ピクセルの apple-touch-icon、SVG を宣言しています。サイトを刷新するために ICO を PNG に変換したなら、ここで得られる PNG は、元が十分大きなエントリを持っていた場合、それらの宣言にそのまま使える入力です。

ネイティブアプリのアイコンでは、プラットフォームが厳密なピクセル寸法を求めます。256 ピクセルの PNG では 512 や 1024 ピクセルの枠を正直に埋められません。プラットフォームがそれを求めるなら、アイコンファイルは出発点として不向きで、ベクター素材かフル解像度の原本が正しい出発点です。

セット全体を置いてください。それぞれのアイコンが個別に復号・書き出しされ、結果は ZIP で返ります。これはよくある用事の形です。誰かがアプリケーションアイコンのディレクトリを引き継ぎ、ドキュメントページや資産一覧のためにそのすべてを画像として必要としています。

処理はブラウザーの中で行われるので待ち行列もファイルごとのアップロードもなく、10 番目のファイルも最初のファイルとまったく同じように扱われます。小さいエントリしか持たないファイルは小さい PNG になるので、セットが一様だと決めつけず ZIP の中の寸法を確認してください。混在するアイコンセットはほとんどの場合、一様ではありません。