画像からICOへの変換ツールとは？

PNG、JPEG、その他の画像形式をICOファイルに変換するツールです。Webサイトのファビコンやアプリケーションアイコンに使えます。複数のアイコンサイズを1つのICOファイルにまとめられるので、ブラウザのタブからデスクトップのショートカットまで一度の変換でカバーできます。

ICOコンテナは複数サイズのビットマップを1つのファイルにまとめて格納できる仕様で、1つのfavicon.icoが16ピクセルのブラウザタブから256ピクセルのWindowsアプリアイコンまで担えます。各サイズは高品質なリサンプリングを行い透過チャンネルも保持するので、角丸や柔らかいシャドウが小さくつぶれません。

使い方

1. ソース画像をアップロードします。PNG、JPEG、WebP、SVG、GIF、BMP、TIFF、HEIC のいずれにも対応しています。
2. 必要なアイコンサイズ（16x16、32x32、48x48、64x64、128x128、256x256）を選択するか、すべてを選んで完全なファビコンパッケージを作成します。
3. 「変換」をクリックすると、選択したすべてのサイズが含まれたICOファイルが生成されます。完成したファイルをダウンロードしてください。

使用するタイミング

• サイトやブログのルートに置くfavicon.icoを作成するとき。
• ロゴPNGからWindowsのショートカットやインストーラ用アイコンを作るとき。
• Retina画面のブラウザタブでぼやけて見える低解像度faviconを差し替えるとき。

結果

Web開発者が512x512ピクセルの会社ロゴPNG画像をアップロードし、16x16、32x32、48x48のサイズを選択して、Webサイト用の標準的なfavicon.icoファイルを作成します。

よくある質問

favicon.icoに実際どのサイズを入れればいいですか？

最近のサイトなら16、32、48の3サイズでブラウザタブ、タスクバー、ピン留めショートカットのほとんどをカバーできます。Windowsユーザーがデスクトップに固定する場合やEdgeのジャンプリストを綺麗に見せたい場合は64と256を追加してください。

16×16にするとロゴがぼやけて見えるのはなぜですか？

細かいロゴは32ピクセル以下になると判読しにくくなります。512か1024の正方形を素材にして、細い文字を削り、ダウンロード前に16ピクセルのプレビューで確認してください。簡略化したマークの方が完全版よりほぼ確実に読みやすいです。

ICOファイルはPNGの透過情報を保持しますか？

保持します。各ビットマップが8ビットのアルファチャンネルを丸ごと持つので、PNGの透過はそのまま引き継がれます。背景を透過にして保存しておけば、ライト/ダーク問わずどのブラウザテーマでもアイコンが綺麗に見えます。

PNGではなくSVGをアップロードできますか？

できます。SVGは選択した各サイズごとにラスタライズしてからICOにまとめるので、低解像度ビットマップを拡大するより鮮明な仕上がりになります。元のベクターデータがあるなら最良の入力です。

favicon.icoはサーバーのどこに置けばいいですか？

サイトのルート、たとえばyoursite.com/favicon.icoに置いてください。HTMLにlinkタグがなくてもブラウザはこのパスを自動で取得します。link rel=iconタグを書けば置き場所を変えることもできます。

関連ツール