PNGをICOにオンラインで変換しましょう

実際のバイナリヘッダーを使用してPNGをICOに変換します。透明度が維持されます。ファイルのアップロード不要。無料かつ100%プライベート。

PNGファイルをドラッグ...

即座にICOに変換します

ユーティリティスタジオ

このユーティリティをあなたのサイトに追加しませんか?

WordPress、Notion、またはご自身のサイト向けに、カラーとダークモードをカスタマイズできます。

よくある質問

この変換器は単にPNGファイルの拡張子を偽装したものですか、それとも本物のICOを生成しますか?

本物のICOを作成します。ユーザーのPNGからデータを抽出し、標準化されたMicrosoftの16進数ヘッダー(22バイトのヘッダー + ディレクトリ)を作成し、ローカルで理想的な正方形形式にサイズ変更して、ネイティブとして検証された最終ファイルを組み立てます。

ロゴをアイコンにするとき、透明度は維持されますか?

もちろんです。当社のエンジンはユーザーのPNGを32ビットとして読み込み、固定しながら透明な領域を正確に保持するため、ブラウザのユニバーサルアドレスバー(ファビコン)で綺麗に映えます。

会社のロゴはウェブサーバーに保存されますか?

本サービスは外部ネットワークへの接触が一切ないことを保証します。変換器はユーザーの内部HTML5 Canvas内で動作し、アイコンの作成は純粋に秘密が保持されるローカルメモリ内で100%行われます。

# PNG to ICO 変換器:完璧な透明度を持つファビコンのための最適な選択

透明度を含むPNGは、プロフェッショナルなICOアイコンを作成するための理想的なソース素材です。アルファチャネルのないJPGや、非可逆圧縮形式とは異なり、PNGはICO形式が必要とするもの(鮮明なピクセル、綺麗なエッジ、アイコンをあらゆる背景上で完璧に調和させる32ビットのアルファチャネル)を正確に提供します。これはSafariの白いブックマークバー、Firefoxのダークバー、あるいはWindows 11のデスクトップなど、どこでも同様です。

# PNGまたはICO?各形式を使い分ける場合

PNGは作業用の形式です。ロゴをデザインし、FigmaやIllustratorからエクスポートし、編集可能なバージョンを保存するためのものです。透明度、ピクセル精度、および可逆圧縮により、デザインプロセスにおいて無敵です。しかし、ファビコンやアプリのアイコンを必要とするブラウザ、OS、およびWindowsアプリケーションはPNGを直接受け入れず、ICOが必要になります。ICOはMicrosoft環境およびウェブにおいて、アイコンを配布するための形式です。単一のファイルの中に複数の解像度を詰め込むことができる、特定のバイナリ構造を持っています。ブラウザはICO内部のディレクトリを読み込み、ブラウザのタブ用には 16x16、ショートカット用には 32x32、エクスプローラー用には 48x48 und Retinaや4K画面用には 256x256 を自動的に選択します。透明なPNGから開始することで、白い縁取りが出ることなく、すべての解像度で完璧なエッジが保証されます。

# 比較:ローカル変換 vs クラウド変換

クラウド変換器

リモートサーバーにファイルをアップロードするツールです。

  • アップロード und ダウンロード時にネットワーク遅延が発生
  • ロゴが他社のサーバーに保存される
  • ファイルサイズの制限や1日の変換回数の制限がある
  • 強制的な広告やサードパーティのトラッカーが含まれる

ローカルアーキテクチャ

Vanilla JS技術を使用し、ユーザーのハードウェア上で直接処理します。

  • ネットワーク遅延のない即座の処理速度
  • 完全なプライバシー — 外部送信データ0バイト
  • 容量制限やファイル数の制限なし
  • 広告や追跡のないクリーンなインターフェース

# 技術的な仕組み

PNGファイルが32ビットのアルファチャネルが完全にサポートされたメモリ上の HTML5 Canvas にデコードされます。エンジンは正しいマジックナンバー(00 00 01 00)を含む標準のMicrosoft ICOヘッダー、サイズ und データオフセットを含む画像ディレクトリ、および透明度情報を保持したピクセルデータを構築します。結果は、Windows, macOS und すべてのブラウザにおいてネイティブに認識される本物のバイナリ.icoファイルです。PNGの透明度は、生成されたICOにおいて完全に維持されます。透明なピクセルは透明なまま、半透明なピクセルは正確なアルファ値を保持し、不透明なピクセルは元の色を保持します。これは、背景が変化するロゴにとって非常に重要です。ファビコンはライトモード, ダークモード und ブラウザのインターフェース色のどのような組み合わせでも正しく表示されます。
ヒント:512x512のPNGをソースとして使用してください
最高の仕上がりを得るために、正方形の512x512のPNG をソース画像として使用してください。この解像度は、変換器が16x16のファビコンから高解像度画面用の256x256まで、すべての標準のICOサイズを、ピクセルのにじみやエッジの細部の消失なしに鮮明に生成するのに十分な情報を提供します。ソースPNGが大きいほど、小さなサイズのアイコンも綺麗に見えます。

# 活用事例 und 互換性

  • ウェブサイト用の透明なファビコン:Chrome, Firefox, Safari, Edge, e Internet Explorerで動作します。
  • PWAアプリケーションのアイコン:manifest.jsonはデスクトップインストールのためにICOを参照します。
  • 白い背景なしでロゴを使用したWindows 10/11のフォルダーのカスタマイズ。
  • デスクトップアプリケーション, インストーラー und 実行ファイルのためのショートカットアイコン。
  • Chrome und Firefox拡張機能のためのブラウザ拡張機能アイコン。

# 結論

透明なPNGは、疑いようもなく、プロフェッショナルな品質を持ったICOアイコンを作成するための最良の出発点です。このツールを使用すれば、変換は即座に行われ、アルファチャネルは完全に保持され、結果は正しいバイナリ構造を持った本物のICOファイルになります。ロゴをサーバーにアップロードする必要がなく、透かしや制限もなく、すべてのサイズで完璧な透明度を実現できます。

参考文献