先に結論

ICOは一枚の画像ではなく、複数サイズのアイコンをまとめたファイルの場合があります。PNGの実寸と細部を確認し、どの項目が抽出されたかを判断してください。

ツールを使う

ICO → PNG

ツールを開く

ICOを画像の集合として扱う

WindowsのICOファイルは、同じアイコンの複数画像を一つの容器に格納できます。一般的には16、32、48、256ピクセルなどの大きさや、異なる色深度の表現が含まれます。小さい項目は実寸で読みやすいように線や余白が個別に調整され、大きい項目には曲線、陰影、細かな質感が多く残っていることがあります。そのためICOからPNGへの変換は、単なる拡張子変更ではなく、集合から一つの画像を選んで書き出す処理です。

最初にPNGの用途を決めてください。16ピクセル程度のウェブアイコン、アプリの説明資料に載せる図、プレゼンで拡大する画像では必要な表現が異なります。最大項目は大きな表示に向きますが、小サイズ専用に調整された項目の方が16pxや32pxではくっきり見えることがあります。幅やファイル容量だけで選ばず、最終表示寸法を先に決めると判断しやすくなります。

  • 抽出前に最終表示寸法を決める
  • 小サイズと大サイズで設計が違う可能性を考える

選択画面が見えなくても、ICO変換には内蔵画像を選ぶ段階があります。

変換ツールの選択規則を決めつけない

変換ツールは、先頭の項目、最大寸法、色深度の高い項目、または独自の優先順位で一つを選ぶことがあります。すべての内蔵画像を別々に出力するツールや、利用者にサイズを選ばせるツールもあります。ダウンロードに成功したという表示だけでは、どの項目が元になったか分かりません。選択方法の説明やサイズ指定欄がなければ、結果ファイルから確かめる必要があります。

ダウンロードしたPNGを別の画像ビューアーで開き、幅と高さを記録します。可能ならICOを表示できる編集ツールで内蔵候補を確認し、形、余白、線、ハイライトの位置を見比べます。複数ファイルが出力された場合は、すぐに寸法を含む名前へ整理してください。一つだけ出た場合も、その動作を他の変換ツールや将来の更新に共通する規則だと考えない方が安全です。

  • 公開されているサイズ選択規則を読む
  • プレビューではなく出力の幅と高さを記録する
  • 複数出力はピクセル寸法で区別する

出力寸法は受け取った結果を示しますが、ネイティブ項目か拡大項目かまでは保証しません。

抽出と拡大縮小を区別する

大きなPNGが得られても、ICOに同じ大きさの画像が入っていたとは限りません。小さい項目を選び、変換時に引き伸ばして保存した可能性があります。ピクセル数は増えても本来の輪郭や質感は増えず、曲線のぼけ、階段状の対角線、太さの揺れ、文字のつぶれが見えることがあります。反対に、大きな内蔵画像を指定寸法へ縮小した場合も細部や鋭さが変わります。

既知の内蔵寸法と出力寸法を比較し、対角線、角、1ピクセルの線、小さな空間を拡大して確認します。ただし、ネイティブの16pxアイコンは実寸での判別性を高めるため、拡大すると意図的に角張って見える場合があります。技術確認用の拡大表示と、使う場所での実寸表示の両方で評価してください。拡大時の滑らかさだけでなく、実際の画面で素早く認識できる項目を選びます。

  • 出力寸法を既知の内蔵寸法と比べる
  • 対角線と1ピクセル細部から再サンプリングを探す
  • 拡大画面と実寸の両方で明瞭さを見る

出力ピクセルが多いことは、高解像度の内蔵画像を抽出した証明ではありません。

透明度、色、輪郭処理を確認する

アイコンはさまざまな背景の上に置かれるため、透明な境界が重要です。ICO内の項目ごとに色深度、透明度の表現、アンチエイリアスの処理が異なることがあります。PNGに変換したら、チェック模様、白や薄い色、黒や濃い色の背景へ重ねてください。不透明な四角、白または黒の縁、失われた半透明ピクセル、曲線や影の周囲の色ずれを探します。

色も同じビューアーで比較します。小さなプレビューではアクセント色の変化やコントラスト不足を見逃しやすく、極端な拡大では利用者が見ない1ピクセル差を過大評価しがちです。元の表現とPNGを同じ条件で比べた後、実際のインターフェースへ配置します。最終判断は、目的の背景と寸法でシルエット、コントラスト、透明度が明確に保たれているかどうかです。

  • 明るい背景と暗い背景で透明な縁を試す
  • 不透明な箱、色付きの縁、消えた影を探す
  • 実際のUIでシルエットとコントラストを見る

アイコンは使用する背景と実寸で評価して初めて品質を判断できます。

選んだPNGを実際の場所で検証し記録する

ダウンロードしたPNGを独立したビューアーで開き、幅、高さ、色、透明度、輪郭、ファイルの正常性を確認します。複数候補がある場合は同じ倍率で並べます。本番用に一つを選んだら、寸法をファイル名やアセット記録に含め、別の表現と混同しないようにします。一枚のPNGではICO内の集合を保持できないため、元のICOも残してください。

候補を実際のウェブページ、文書、アプリに置き、正確な表示寸法で見ます。ぼける、窮屈に見える、単純すぎる場合は、同じPNGを何度も拡大縮小せず別の内蔵サイズを試します。制作工程では、どの項目を選び、抽出後にサイズ変更したかを記録します。元、寸法、透明度、実使用時の見え方を確認できて初めて変換完了です。

複数の表示サイズで再利用するなら、一つのPNGがすべてに最適だと仮定しないでください。ICOに小型用と大型用の調整済み画像がある場合は、それぞれを承認済みアセットとして保存し、表示先に近い寸法を使います。これにより意図的な1ピクセル単位の調整を保ち、製品側での不要な拡大縮小を減らせます。公開前に各ファイルを割り当てた実寸で一度ずつ確認してください。

  • 変換プレビュー外でダウンロード本を確認する
  • 承認したアセットを寸法付きで記録する
  • 元のICOと抽出後の変更履歴を残す

最初に返されたPNGではなく、目的の寸法と背景で条件を満たすPNGを承認します。

要点まとめ

  • 一つのICOには寸法や表現が異なる複数の画像を格納できます。
  • 選択規則は変換ツールごとに異なり、最大のPNGが最適とは限りません。
  • 実ピクセル寸法、透明度、輪郭、実際の表示サイズでの明瞭さを確認します。
  • 本番で使う前に、代表的な内蔵項目を抽出または比較します。

よくある質問

一つのICOに複数の画像を入れられますか?

はい。異なる表示条件に備えて、同じアイコンの複数寸法や表現を一つのファイルへ格納できます。

変換ツールはどの内蔵サイズを選びますか?

ツールによって異なります。先頭、最大、独自に優先した項目を選ぶ場合や、利用者が選択できる場合があります。

大きなPNGなら大きなアイコンが内蔵されていた証拠ですか?

いいえ。小さい項目を拡大した可能性があるため、内蔵寸法と輪郭の細部を確認してください。

16px版が大きい版と違って見えるのはなぜですか?

小さい実寸でも線や余白を判別できるよう、細部を省略したりピクセル単位で調整したりするためです。

変換後に最低限何を確認しますか?

ピクセル寸法、透明度、輪郭、実寸での明瞭さ、そしてどの内蔵項目が元になったかを確認します。

出典・参考資料

  1. Microsoft Learn — About Icons
  2. W3C — Portable Network Graphics Specification
  3. MDN — Image File Type and Format Guide