ICOをAVIFに変換
正直に言えば、使う人を選ぶ変換です。サイトの画像をAVIFに揃えている場合のためのツールで、動作は次のとおりです。主画像をデコードし、透過を保ったままAVIF（画質70）に再圧縮します。ただし32px程度の画像では、圧縮の効果は大きくありません。
逆方向の変換： AVIFをICO（ファビコン）に変換
使い方
AVIFに統一したいアイコンの.icoファイルをドロップします。
主エントリがアルファごとAVIF（画質70）へ再エンコードされます。小さな画像なので処理は一瞬です。
他のAVIF画像と同じ場所に置き、表示崩れがないか一度だけ確認してください。
ICO vs AVIF
圧縮率の比較は32pxの世界ではほぼ無意味です。小さな画像では形式そのものの容量が大半を占め、劇的な削減は起きません。この変換の価値は数字ではなく、形式を揃えられることです。サイトの画像をAVIFで統一しているなら、アイコンも同じ形式にできます。
| ICO | AVIF | |
|---|---|---|
| 圧縮方式 | 可逆（BMPまたはPNGを格納） | 非可逆・可逆の両対応 |
| 透過 | あり（フルアルファ） | あり（フルアルファ） |
| アニメーション | なし | あり（利用例は少なめ） |
| 対応環境 | ファビコン用途ではあらゆる環境 | 現行の全ブラウザ（Safariは16.4以降・2023年） |
| 向いている用途 | ファビコン、Windowsアプリのアイコン | ヒーロー画像や写真の多いページ |
よくある質問
いいえ。変換はブラウザ内のWebAssemblyで完結するため、ファイルがお使いの端末の外に出ることは一切ありません。サーバーを介さない仕組みなので、ページを一度読み込めばオフラインでも動作し、ファイルサイズの制限は端末のメモリだけです。
サイズ削減目的なら、正直ほぼありません。小さな画像では形式の器の方が相対的に大きく、劇的な数字は出ないからです。価値があるのは、サイトの画像をすでにAVIFに揃えている場合の一貫性です。
保たれます。むしろ小さなアイコンこそアルファの正確さが命で、32pxで縁に白いにじみが出ると悪目立ちします。2値の古典透過も滑らかな縁も、そのままAVIFに引き継がれます。
ブラウザが主として渡してくるエントリ、通常は最大サイズです。256px入りのモダンなICOならそれが得られ、AVIF化の意味も比較的大きくなります。
対応環境の広さではWebP、形式を揃えるならAVIFです。表示先が自分のサイトだけならどちらでも実害はありません。迷ったら、より広く使われているICOをWebPに変換が無難です。
変換先のAVIFを古いツールチェーンで扱う予定がある場合です。AVIFのデコードに対応しない画像処理ライブラリはまだ残っています。保存・編集が目的なら、可逆で万能なICOをPNGに変換が安全です。
関連ツール
ICOをPNGに変換
ICOファイルの最大サイズのアイコンをPNGとして無劣化で取り出せます。透過も維持。変換はブラウザ内で完結し、ファビコンやWindowsアイコンの再編集にすぐ使えます。
ICOをWebPに変換
ICOのアイコンを透過ごとWebPへ。同じ画像のPNGより軽く、ドキュメントサイトやブックマーク一覧での表示にも向きます。変換はブラウザ内で完結し、登録も不要です。
AVIFをICO（ファビコン）に変換
最新フォーマットのAVIFから、由緒あるICOファビコンを作成。透過を保ったまま16・32・48pxの3サイズを1ファイルに収めます。すべてブラウザ内で処理します。
ICOをJPGに変換
ICOアイコンをどこでも使えるJPGに変換します（既定画質90）。透過部分は白背景になります。抽出されるのは通常、ファイル内で最大サイズのアイコンです。処理はブラウザ内で完結します。