無料PNG から ICO へ変換

PNG を 16・32・48・64・256px フレームの favicon.ico に変換。32 ビット PNG データで保存され、透過も維持されます。

画像の端を切り取らずに標準アイコンサイズを作成します。

またはこのページのどこにでも画像を1つドロップ

favicon.ico には 16、32、48、64、256 px のフレームが含まれます。PNG は表示サイズで保存され、180 px は apple-touch-icon.png として保存されます。

画像を選択してください。

ICO と PNG のファビコンを作成

知っておきたいこと

このページが書き出す ICO は、1 枚の絵ではなくコンテナです。16、32、48、64、256px の 5 フレームを持ち、開いたプログラムが状況に最も合うものを選びます。ブラウザーのタブは 16 か 32 を、Windows のフォルダーアイコンは 48 か 256 を好みます。ファイルヘッダーは 6 バイトにフレームごとに 16 バイトで、画像データの前に 86 バイトのディレクトリが付きます。

各フレームは 32 ビットと記録された圧縮 PNG データとして保存されるため、透過 PNG のアルファチャンネルと柔らかな縁がそのまま ICO まで引き継がれます。256px フレームはサイズのバイトが 0 で記録され、これがこの形式で 256 を表します。Windows Vista 以降と現在のすべてのブラウザーは PNG フレームを読めますが、Windows XP 時代のかなり古いソフトウェアは 256px のフレームを表示できないことがあります。

PNG はまず切り取りなしで 512px の正方形に収められ、その後各フレームのサイズに縮小されます。正方形でない画像は引き伸ばされずに透明な帯が付きます。単純なロゴなら ICO は数 KB にしかなりませんが、256px のフレームが容量の大半を占めるため、精細な画像では数十 KB になることもあります。

ダウンロードしたファイルは favicon.ico という名前のままサイトのルートに置いてください。ブラウザーは link タグを読む前に、まずその場所を探します。Windows のショートカット、レガシーな要求、.ico しか受け付けない CMS のアップロード欄のように、ファイルが 1 つ必要なときは ICO を選びます。

作業別ツール 6
関連ツール 13
無料PNG から ICO へ変換の使い方
  1. 透過 PNG をドロップします。正方形で 256px 以上が理想です。
  2. プレビューで 16px と 32px のタイルを確認します。
  3. 「favicon.ico をダウンロード」を押し、ステータスで 5 フレームが確認されるのを待ちます。
  4. favicon.ico をサイトのルート、または CMS のアイコン欄にアップロードします。

よくある質問

ICO ファイルにはどのサイズが入っていますか。

16、32、48、64、256px の 5 フレームです。表示する側が、アイコンの表示場所に最も近いものを選びます。

ICO は PNG の透過を維持しますか。

はい。フレームは 32 ビットの PNG データとして保存されるので、アルファと柔らかい縁が引き継がれます。

とても古い Windows でも 256px のフレームを読めますか。

Windows Vista 以降は読めます。Windows XP 時代のソフトは PNG 圧縮のフレームを無視することがありますが、タブが使うのは小さいサイズです。

favicon.ico のファイルサイズはどれくらいになりますか。

単純なロゴなら通常数 KB です。精細な画像や写真のような PNG は、256px フレームのために数十 KB になることがあります。