ICOバイナリ構造のデコンパイルと高精度PNG抽出の理論
Adobe PhotoshopやFigma、Canvaなどの主要グラフィックソフトウェアは、WebデザインやUI設計において世界中で使われている一方で、Windows独自のアイコンファイル形式である「.ico」を直接開くことができないケースが多々あります。これは、ICO形式が単一の画像ファイルではなく、複数の解像度とビット深度をカプセル化した「バイナリアーカイブコンテナ」であるためです。当ツールのICOからPNGへの変換機能は、ブラウザ上でICOのバイナリ構造を高速デコンパイルし、元画像の解像度と透明度を1ピクセルの狂いもなく忠実に抽出します。
ICOファイルの内部構成：ICONDIRと格納ペイロードの解析
ICOコンテナを解析してPNG画像を復元する際、パーサーは以下の3つのバイナリ階層を順次処理します。
- 1. ICONDIRヘッダー（先頭6バイト）： 予約領域（0x0000）、リソースタイプ（アイコンを示す0x0001）、そしてファイル内に何枚の解像度フレームが格納されているかを示す
idCount（2バイト符号なし整数）を読み取ります。 - 2. ICONDIRENTRY構造体配列（各画像16バイト）： 各画像の幅・高さ（0は256px）、カラーパレット数、ピクセル深度（32ビットRGBA等）、画像データのバイト長、およびファイル先頭からのオフセット位置をマッピングします。
- 3. 画像ペイロード（DIBまたはPNG）：
- 非圧縮DIBビットマップ： 16×16〜128×128の小中サイズに用いられます。40バイトのBITMAPINFOHEADERを持ち、XORカラーデータとAND透過マスクで構成されます。32ビット時は4バイト目がアルファチャンネル値となります。
- PNG可逆圧縮ストリーム： Windows Vista以降で導入された256×256ピクセルの特大アイコンに採用されています。マジックナンバー
0x89504E470D0A1A0Aから始まる完全なPNGファイルがそのまま格納されています。
レガシーWin32アイコンにおけるXOR・AND透過マスクの復元処理
古いWindowsアプリケーションのアイコン（24ビットや8ビットパレット形式）を抽出する際、最大の難所となるのが「2重マスクによる透過処理」です。現代のPNGは各ピクセルに8ビット（0〜255）の滑らかなアルファ透過度を持っていますが、旧式のWin32アイコンでは以下の2つのプレーンを組み合わせて透過を実現していました。
- XORマスク： 画面に描画されるRGBカラーピクセルデータ。
- ANDマスク： 32ビット境界でアライメントされた1ビットのモノクロビットマスク（0は不透明、1は透過領域を示す）。
当ツールのデコードエンジンは、DIBカラープレーンとANDマスクをピクセル単位でビット演算処理し、不透明部分には完全な不透明アルファ値（255）を、マスク部分には完全な透明アルファ値（0）を割り当てた32ビットRGBAピクセル配列を合成します。これにより、古いアイコンであっても輪郭が黒く塗りつぶされたりすることなく、綺麗な透過PNGとして復元されます。
ICO形式とPNG形式の技術比較表
| 技術項目 | ICO（Microsoft Icon Container） | PNG（Portable Network Graphics） |
|---|---|---|
| 構造形態 | 複数解像度フレームを格納するアーカイブコンテナ | Deflate（zlib）圧縮を用いた単一ラスター画像 |
| クロスプラットフォーム編集性 | 限定的（PhotoshopやFigma等では標準未対応） | 完全（全OS、全ブラウザ、全デザインソフトで標準対応） |
| 透明度サポート | 32ビットARGBまたは1ビットANDマスクの混在 | 8ビットまたは16ビットの滑らかなアルファチャンネル |
| 解像度の柔軟性 | 正方形（16×16、32×32、48×48、256×256） | 任意の非正方形サイズ（長方形、パノラマ等）に対応 |
| 主な用途 | Windows実行可能ファイルリソース、Webルートfavicon | Webグラフィック、UIパーツ、ベクター書き出し、ロゴ |
ICOからPNGへの変換が重宝される実務シナリオ
エンジニアやWebデザイナーがICOをPNGに変換する代表的な実務シーンには以下のようなものがあります。
- 紛失した元ロゴデータの回収・サルベージ： 既存サイトのリニューアル時、元のIllustratorや高解像度PNGデータが紛失してしまっている場合、Webサーバーのルートにある
favicon.icoから最も解像度の高いアイコン画像を復元して再ベクター化やリファインに活用できます。 - PWA（Progressive Web Apps）向けアセットの生成： スマホやタブレット向けのWebアプリ（PWA）では、
manifest.jsonで192×192や512×512などのPNGアイコンが必須となります。ICOから高解像度PNGを抽出することで、マルチデバイス向けのWebアプリ配備がスムーズに行えます。 - macOS / Linux向けクロスプラットフォーム展開： Windows向けに作成されたデスクトップアプリをElectronやTauri（Rust）を用いてmacOS向けに移植する場合、macOSのICNS形式を作成するための元画像として透過PNGが必要となります。
- UIデザインシステム・スタイルガイドの作成： FigmaやSketchなどのUIツール上でアプリ一覧やデスクトップ画面のモックアップを作成する際、ICOファイルは直接インポートできないため、透過PNGへ変換して貼り付けます。