PNGをICOに

PNGをICOには、PNG画像ファイルを、ファビコンやWindowsアイコンに使えるICOファイルへ変換する無料ツールです。

PNGをICOに変換するには？

PNGファイルを選択して変換を実行し、生成されたICOファイルを保存します。

1. 変換したいPNG画像を選択します。
2. 変換を実行し、出力されたICOファイルを保存します。
3. ICOファイルを開くかファビコンとして使用し、サイズ、透明部分、小さく表示したときの見え方に問題がないか確認します。

変換処理はすべてブラウザ内で行われます。PNGがサーバーへアップロードされることはありません。未公開のロゴ、社内向け製品のアートワークなど、外部へ送りたくない画像を扱う場合に便利です。

PNGをICOに変換すると何が変わりますか？

画像は、一般的なページ内画像ではなくアイコン向けに設計されたICO形式に格納されます。

• 透明度 PNGは完全なアルファ透明度に対応しています。ICOも32ビット画像エントリでは滑らかな透明度を表現できますが、古いアイコンデータでは、より単純な1ビットの透過マスクが使われることがあります。変換後のICOで、細い輪郭や影の周囲に透明度による不自然な表示がないか確認してください。
• アニメーション PNGにはアニメーションを含められますが、ICOには標準的なアニメーション形式がありません。そのため、アニメーションの各フレームを通常のICOアイコンとして表現することはできません。
• 圧縮方式 PNGは可逆のDEFLATE圧縮を使用します。ICOはコンテナ形式であり、作成方法に応じて、PNG圧縮画像または従来のBMP形式に似た画像データを格納できます。
• 用途 PNGは、Webサイト、文書、アプリケーションで広く使われる汎用画像形式です。ICOは主に、WebサイトのファビコンやMicrosoft Windowsのアイコンに使われます。
• 複数のサイズ 1つのICOファイルには、16 × 16、32 × 32、48 × 48ピクセルなど、複数サイズのアイコンを格納できます。ただし、変換しただけでは、どのエントリが含まれているか確認できません。特定のサイズ構成が必要な場合は、生成されたファイルを調べてください。

PNGを変換しても、元画像の細部が改善されるわけではありません。小さいPNGやぼやけたPNGを変換前に拡大しても、アイコンの見た目はぼやけたままです。

PNGをICOに変換するのはどんなときですか？

Webサイト、Windowsアプリケーション、古い連携機能などで.icoファイルを指定されている場合に、PNGをICOへ変換します。

よくある用途は、Webサイト用のfavicon.icoを作ることです。一般にブラウザはPNG形式のファビコンにも対応していますが、従来のファビコン用パス、古いソフトウェア、複数サイズのアイコンを1つのファイルにまとめる必要があるパッケージでは、今もICOが役立ちます。WindowsではアプリケーションのショートカットにもICOファイルを使用します。一方、実行ファイルのアイコンは通常、実行ファイル内のアイコンリソースとして保存されます。

Webページ、メール、文書の中に画像を表示するだけなら、変換する利点はあまりありません。そうした用途ではPNGのほうが広く対応しており、編集も簡単です。また、低品質な元画像を変換で修復しようとするのも適切ではありません。PNGも、ICO内の適切な画像エントリも可逆形式にできますが、すでに劣化した画像から変換しても、失われた細部は復元できません。

ICOファイルの容量はどのくらいになりますか？

ICOファイルは元のPNGより大きくなることも、小さくなることもあります。ただし、複数の解像度を含むICOは、1枚のPNG画像より大きくなる場合が多くあります。

PNGからICOへ変換するときのファイルサイズに、決まった比率はありません。容量は、アイコンエントリの数、ピクセル寸法、色深度、画像の複雑さに加え、各エントリがPNG圧縮とBMP形式に似た格納方式のどちらを使うかによって変わります。PNG圧縮されたエントリが1つだけなら、元画像に近い容量になることがあります。BMP形式に似たエントリが複数あると、容量が大幅に増える場合があります。

ファビコンでは、数百バイトを節約することより、小さいサイズでもはっきり見えることのほうが通常は重要です。大きなプレビューだけで判断せず、16 × 16ピクセルと32 × 32ピクセルでも確認してください。

ファビコン用のPNGを準備する

まず、形がシンプルで、中心となる図柄の周囲に十分な余白がある正方形の画像を用意します。細かく描き込まれた512 × 512のロゴは、元のサイズでは鮮明でも、ブラウザタブのアイコンまで縮小すると不明瞭な塊に見えることがあります。

• 横長のバナーやワードマークではなく、正方形のキャンバスを使います。
• ファビコンのサイズでは読めなくなる小さな文字は削除します。
• アイコンが中心からずれて見えないように、透明な余白を上下左右で均等にします。
• 明るい色の図柄は、ブラウザのライトテーマとダークテーマの両方で確認します。
• 16 × 16の元画像を、より大きなアイコンエントリへ変換するのは避けてください。16 × 16のPNGから大きなICOエントリを作っても、細部が増えることはありません。

たとえば、はっきりした記号が1つ描かれた512 × 512の透明PNGは、favicon.icoの実用的な元画像です。1,200 × 400の企業バナーは適していません。そのPNGバナーをICOファイルへ変換しても、デザインの作り直し、切り抜き、単純化は行われません。

よくある質問

PNGファイルの拡張子を.pngから.icoに変えるだけで使えますか？

いいえ。拡張子を変更しても、内部のPNGデータは変わりません。そのため、正規のICOコンテナを必要とするソフトウェアでは拒否されることがあります。画像データを変換し、ICO形式で書き出す必要があります。

1つのICOファイルに複数サイズのアイコンを入れられますか？

はい。ICOの仕様では、寸法や色深度が異なる複数の画像を1つのファイルに格納できます。これにより、ソフトウェアはあらゆる場面で1枚の画像を拡大縮小せず、用途に合ったエントリを選べます。

アイコンの輪郭に白や黒の縁が出るのはなぜですか？

特定の背景色に合わせて処理された半透明の輪郭ピクセルや、変換または表示時のアルファチャンネル、透過マスクの扱いが原因になることがあります。元のPNGを白と黒の両方の背景上で確認し、不要なマットカラーがあれば変換前に取り除いてください。

macOSでもICOを使うべきですか？

ICOは、通常、macOSネイティブアプリケーションのアイコンには使われません。一般にはICNSまたはアセットカタログが使われます。ただし、Webサイトのファビコンとして使う場合や、ICOを明示的に指定するクロスプラットフォームプロジェクトでは、macOS上でもICOファイルが必要になることがあります。

元画像がアニメーションならGIFのほうが適していますか？

ICOには、標準的なアニメーションアイコン用フレームがありません。シンプルなWeb用アニメーション画像なら、PNGをGIFにのほうが適している場合があります。ただし、GIFは1フレームあたり256色に制限されており、一般的なファビコンの代わりにはなりません。

最後に確認すること

保存したファイルの拡張子が.icoになっていること、小さいサイズでも図柄を判別できること、透明部分の輪郭がきれいに表示されることを確認します。対象のプラットフォームで正確な寸法や複数の埋め込みサイズが指定されている場合は、既存のアイコンを置き換える前にICO内のエントリを確認してください。Webサイトで結果を確認するときは、その後ブラウザのファビコンキャッシュも消去します。