PNG → ICO

PNG とは？

PNG（Portable Network Graphics）は、W3C が 1996 年に標準化したラスター画像フォーマットで、GIF 形式のモダンで特許フリーな後継として設計されました。PNG はロスレス DEFLATE 圧縮を使用するため、デコード後の画像はソースとバイト単位で一致します——保存や再エンコードで画質が失われることはありません。PNG は完全なアルファチャンネル透過（ピクセルごとに 256 段階の不透明度）、8 ビットおよび 16 ビットのチャンネル色深度、ガンマ補正、任意のメタデータチャンクにも対応しています。このためロゴ、アイコン、スクリーンショット、UI 要素、シャープなエッジと透過が重要なあらゆる画像に最適なフォーマットです。

ロスレスで透過に対応しているため、PNG は favicon、ロゴ、デザインアセットのデフォルトのソース形式になっています。すべてのモダンブラウザ、OS、画像エディタ、CMS が PNG ファイルを開いてレンダリングできます。その品質と引き換えのファイルサイズは大きく、PNG の写真は同等の JPG や WebP より通常数倍大きくなります。しかし favicon 用途ではファイルサイズはほとんど問題にならず、PNG は .ico 変換の出発点として最適です。

ICO とは？

ICO はマイクロソフトが 1985 年に Windows 1.0 向けに導入した歴史あるアイコンコンテナ形式です。.ico ファイルは単一の画像フォーマットではなく、1 つ以上のビットマップや PNG 圧縮画像を異なるサイズ（通常 16×16、32×32、48×48、64×64、128×128、256×256）と色深度で保持できる小さなコンテナです。ブラウザ、Windows シェル、ブックマークマネージャ、デスクトップショートカットはすべて、タブ、履歴リスト、アドレスバー、デスクトップにサイトのアイコンを表示するため、サイトのルートで .ico ファイル（一般に favicon.ico）を探します。

モダンブラウザでは <link rel="icon"> タグで PNG、SVG、WebP の favicon も使用できますが、.ico 形式は依然として最も広く認識される favicon コンテナです。古いブラウザや多くのサードパーティツール（ブックマークマネージャ、RSS リーダー、デスクトップリンク生成ツール）は今でも /favicon.ico をデフォルトでリクエストするため、その URL に実際の .ico ファイルを配置するのが、すべての訪問者にアイコンを確実に表示させる最も安全な方法です。本ツールは選択したサイズの PNG 圧縮画像を含む単一サイズの .ico ファイルを生成します。

PNG と ICO の比較

PNG と ICO は異なる目的に奉仕します。PNG はロスレス保存に最適化された単一画像のラスター形式で、ICO はアイコンと favicon 専用に設計された複数画像コンテナです。下表は PNG と ICO フォーマットの主な違いをまとめたものです。

項目	PNG	ICO
登場年	1996	1985
フォーマット種別	単一ラスター画像	複数画像アイコンコンテナ
圧縮方式	ロスレス（DEFLATE）	BMP または PNG を埋め込み
透過	完全なアルファチャンネル	対応（埋め込み PNG 経由）
典型的な用途	写真、ロゴ、スクリーンショット、Web 画像	favicon、アプリアイコン、ショートカット
1 ファイル複数サイズ	非対応	対応
ブラウザ対応	すべてのモダンブラウザ	すべてのブラウザ（レガシー favicon 形式）
デフォルトのリクエスト URL	—	/favicon.ico

要するに、PNG は最良のソース形式で、ICO は標準的な favicon コンテナです。PNG ロゴを .ico ファイルに変換することで、/favicon.ico を探すレガシーツールを含むすべてのブラウザ、ブックマークツール、デスクトップショートカットジェネレータにアイコンが認識されます。

PNG を ICO に変換するケース

PNG 画像を .ico ファイルに変換するのが正しい選択となる場面は数多くあります。可能な限り広範なブラウザ、ツール、プラットフォームで認識される必要がある favicon やアイコンが必要な場合、手軽な PNG → ICO 変換が最もシンプルな解決策です：

• 新規サイト公開。サイトルートに実際の favicon.ico を配置することで、<link rel="icon"> タグを無視する古いブラウザを含むすべてのブラウザでタブにアイコンが表示されます。
• デスクトップショートカット。ユーザーが URL をデスクトップにドラッグすると、Windows や多くの Linux ファイルマネージャは favicon.ico からアイコンを取得するため、鮮明なショートカットには実際の .ico ファイルが必要です。
• ブックマークマネージャ。Pinboard、Raindrop、多くの RSS リーダーは /favicon.ico を直接リクエストします。.ico ファイルがないとブックマークに汎用アイコンが表示されます。
• PWA（プログレッシブ Web アプリ）。PWA の manifest.json では、レガシーなインストールコンテキストや古い Android・Windows シェル統合向けに .ico ファイルを参照できます。
• Windows アプリケーションアイコン。多くの Windows 開発ツールは、コンパイル済み実行ファイルにアプリアイコンを割り当てる際、今でも .ico ファイルを要求します。
• ブランドの一貫性。Web、デスクトップ、ブックマークチャネル全体で単一の .ico ファイルを配布することで、アイコンがどこでも同一に保たれます。

ソース PNG は編集可能なマスターとして保管してください——高解像度でロスレスです。.ico エクスポートは ICO が期待されるデプロイメントシナリオでのみ使用してください。

PNG を ICO に変換する方法

このツールで PNG 画像を .ico favicon に変換するのは数秒で完了し、すべてブラウザ内で行われます。アップロード不要、登録不要、インストール不要です。ツールはブラウザの画像デコーダで PNG を読み込み、選択したサイズの正方形キャンバスに描画し（アスペクト比を維持し白背景の中央に配置）、その後 Canvas API でキャンバスを .ico コンテナに再エンコードします。次の4ステップに従ってください：

1. PNG ファイルをアップロード。アップロードエリアをクリックするか、コンピュータから .png ファイルをドラッグ＆ドロップします。画像はローカルでデコードされプレビュー表示されます。
2. ICO サイズを選択。16、32、48、64、128、256 px のいずれかを選びます。32×32 が標準 favicon サイズ、16×16 はクラシックなタブアイコン、48×48 以上は高 DPI ディスプレイとデスクトップショートカットに使用されます。
3. ICO に変換。「ICO に変換」ボタンをクリックします。ツールは PNG を選択したサイズの正方形キャンバスに描画し、PNG バイトを単一画像の .ico コンテナにラップして、元のファイルサイズと変換後のサイズを並べて表示します。
4. ICO をダウンロード。「ICO をダウンロード」をクリックして favicon.ico を端末に保存します。サイトのルートにアップロードするか、プロジェクトのアセットフォルダに配置してください。

すべてのステップは JavaScript でブラウザ内ローカルに実行されるため、PNG 画像がサーバーにアップロードされることはありません。これにより変換は完全にプライベートかつ高速で、機密性の高いブランドアセットにも適しています。