ICO生成

ICO アイコンとは？

ICO は複数サイズのビットマップ画像を 1 つの .ico ファイルに格納できるアイコンコンテナ形式です。

favicon.ico は多くの場合サイトのルートに置かれ、ブラウザのタブ、ブックマーク、履歴などに表示されます。

このページは既存のロゴや画像を多サイズ ICO に変換するためのもので、ゼロからアイコンを描くツールではありません。

ユースケース

Webサイトのロゴをブラウザタブやブックマーク用favicon.icoに変換する。
Windowsショートカット、フォルダ、ソフト用の多サイズICOを作る。
PWAやモバイルWeb向けに128px、180px、256pxのPNGを準備する。
デザインから書き出したPNGやWEBPを配置可能なfaviconに変換する。
公開前に16pxや32pxでも読み取れるか確認する。

使い方

正方形のPNG、JPG、WEBP、BMPをアップロードします。256px以上がおすすめです。
必要なサイズを選びます。Webサイトなら16、32、48、256pxを含めると実用的です。
右側のプレビューで、小さいサイズでも認識できるか確認します。
生成して保存します。単一サイズは.ico、複数サイズは.icoとPNG入りzipになります。

特徴

8、16、24、32、40、48、64、72、96、128、180、256px の多サイズ ICO を生成できます。
PNG、JPG、WEBP、BMP などブラウザで読める画像を favicon.ico に変換します。
複数サイズでは .ico と各サイズ PNG を含む zip を保存できます。
Canvas によるリサイズと ICO 作成は端末内で行われ、ロゴはサーバーへ送信されません。
小さいサイズを事前プレビューし、16px でも認識できるか確認できます。

よくある質問

PNGやJPGをICOに変換するには？

画像をアップロードし、必要なサイズを選んで生成します。複数サイズを選ぶと、ICO内に複数のPNG画像が入ります。

faviconにおすすめのサイズは？

Webサイトでは16、32、48、64、256pxが実用的です。16pxは従来のタブ、32pxは高精細タブ、48pxはWindows、256pxは高解像度向けです。

512pxアイコンは生成できますか？

このページは8〜256pxのICO生成に対応しています。512pxのPWAやストア用画像は、画像リサイズツールで別途PNGを作成してください。

透明背景は保持されますか？

はい。元のPNGまたはWEBPにアルファチャンネルがあれば、生成されるPNGデータとICOにも透明部分が残ります。

アイコンはサーバーへアップロードされますか？

いいえ。読み込み、縮小、ICO生成、zip作成はブラウザ内でローカル処理されます。

小さいfaviconがぼやけるのはなぜ？

faviconは非常に小さいためです。正方形で輪郭が明確な画像を使い、16pxと32pxのプレビューを確認してください。

用語集

favicon: ブラウザのタブ、ブックマーク、履歴などに表示されるサイトアイコンです。
ICO: 複数サイズを1つのファイルに含められるWindows系アイコンコンテナ形式です。
多サイズアイコン: 同じアイコンを複数のピクセルサイズで用意し、環境ごとに最適なものを選ばせる仕組みです。

ICOサイズ早見表

サイズ	用途	目安
`8px`	極小アイコン	特殊互換用
`16px`	ブラウザタブ	favicon必須サイズ
`32px`	高精細タブ、ブックマーク	現代的な標準
`48px`	Windowsアイコン	デスクトップ向け
`64px / 96px`	高DPI画面	大きい表示で鮮明
`128px / 180px`	PWAやApple Touch周辺	PNG素材として有用
`256px`	高解像度ICO	大きいWindowsアイコン

アップロードと保存

項目	対応	説明
入力形式	PNG / JPG / WEBP / BMPなど	ブラウザ対応に依存
ICO出力	対応	1ファイルに複数サイズ
PNG出力	対応	zipにPNGを含む
処理場所	ローカルブラウザ	サーバーへ送信しない
推奨元画像	正方形256px以上	小サイズがより鮮明

Authoritative References

ReferenceMDN - favicon
ReferenceWikipedia - ICO file format
ReferenceRealFaviconGenerator - favicon reference

関連おすすめ

画像サイズ変更

画像変換

画像圧縮

画像編集

画像角丸

SVGビューア