AVIF → ICO

AVIF とは？

AVIF（AV1 Image File Format）は、2019年に Alliance for Open Media が公開したモダンなラスター画像フォーマットで、AV1 動画コーデックと同じ業界団体が開発しました。AV1 のフレーム内符号化技術をベースにしており、圧縮効率が極めて高く、同等の画質で JPG より約 50% 小さいファイルを生成できます。AVIF は非可逆圧縮と可逆圧縮の両方、広色域、HDR（ハイダイナミックレンジ）、12ビット色深度、アルファチャンネル透過に対応しており、現在最も技術的に優れた画像フォーマットの一つです。

これらの強みにより、AVIF は Netflix、Google 画像検索、Cloudflare、WordPress など主要プラットフォームで次世代 Web 画像フォーマットとして採用されています。ただし AVIF はまだ比較的新しく、デコードにはモダンなブラウザ（Chrome 85+、Firefox 93+、Safari 16+）が必要で、古いアプリケーション、CMS、画像エディタ、メールクライアントの多くは .avif ファイルを開けません。favicon 用途では AVIF の小さなファイルサイズは真の利点ですが、ブラウザやブックマークツールがリクエストする汎用の .ico コンテナに変換できてこそ意味があります。

ICO とは？

ICO はマイクロソフトが 1985 年に Windows 1.0 向けに導入した歴史あるアイコンコンテナ形式です。.ico ファイルは単一の画像フォーマットではなく、1 つ以上のビットマップや PNG 圧縮画像を異なるサイズ（通常 16×16、32×32、48×48、64×64、128×128、256×256）と色深度で保持できる小さなコンテナです。ブラウザ、Windows シェル、ブックマークマネージャ、デスクトップショートカットはすべて、タブ、履歴リスト、アドレスバー、デスクトップにサイトのアイコンを表示するため、サイトのルートで .ico ファイル（一般に favicon.ico）を探します。

モダンブラウザでは <link rel="icon"> タグで PNG、SVG、WebP の favicon も使用できますが、.ico 形式は依然として最も広く認識される favicon コンテナです。古いブラウザや多くのサードパーティツール（ブックマークマネージャ、RSS リーダー、デスクトップリンク生成ツール）は今でも /favicon.ico をデフォルトでリクエストするため、その URL に実際の .ico ファイルを配置するのが、すべての訪問者にアイコンを確実に表示させる最も安全な方法です。本ツールは選択したサイズの PNG 圧縮画像を含む単一サイズの .ico ファイルを生成します。

AVIF と ICO の比較

AVIF と ICO は根本的に異なる目的に奉仕します。AVIF は写真圧縮のために設計されたモダンなラスター形式で、ICO はアイコンと favicon 専用に設計されたレガシーコンテナです。下表は AVIF と ICO フォーマットの主な違いをまとめたものです。

項目	AVIF	ICO
画像種別	ラスター（ピクセル）	ラスターコンテナ（ピクセル）
登場年	2019	1985
圧縮方式	AV1（非可逆/可逆）	BMP または PNG を埋め込み
典型的な用途	写真、複雑なラスター画像	favicon、アプリアイコン、ショートカット
透過	対応（アルファチャンネル）	対応（埋め込み PNG 経由）
アニメーション	対応（画像シーケンス）	非対応（静的コンテナ）
ブラウザ対応	モダンブラウザのみ	すべてのブラウザ（レガシー favicon 形式）
デフォルトのリクエスト URL	—	/favicon.ico

要するに、AVIF は圧縮とモダンな機能セットで勝り、ICO はレガシー favicon 互換性で勝ります。AVIF 画像を .ico ファイルに変換することで、/favicon.ico を探すレガシーツールを含むすべてのブラウザ、ブックマークツール、デスクトップショートカットジェネレータに認識される固定解像度のピクセル画像が生成されます。

AVIF を ICO に変換するケース

AVIF は写真や複雑な Web 画像に優れたフォーマットですが、.ico favicon に変換する方が適切な実務場面は数多くあります。プラットフォーム、サービス、ワークフローがモダンなラスター形式ではなく実際の .ico ファイルを期待する場合、AVIF を ICO に変換することで AVIF のソース品質と ICO の幅広い互換性の両方が得られます：

• 新規サイト公開。サイトルートに実際の favicon.ico を配置することで、<link rel="icon"> タグを無視する古いブラウザを含むすべてのブラウザでタブにアイコンが表示されます。
• レガシーツールの互換性。ブックマークマネージャ、RSS リーダー、デスクトップリンク生成ツールは今でも /favicon.ico を直接リクエストします。AVIF ファイルではそのリクエストに応えられませんが、.ico ファイルなら可能です。
• デスクトップショートカット。ユーザーが URL をデスクトップにドラッグすると、Windows や多くの Linux ファイルマネージャは favicon.ico からアイコンを取得するため、鮮明なショートカットには実際の .ico ファイルが必要です。
• PWA（プログレッシブ Web アプリ）。PWA の manifest.json では、レガシーなインストールコンテキストや古い Android・Windows シェル統合向けに .ico ファイルを参照できます。
• 古いブラウザ。AVIF をデコードできない古いブラウザを使う訪問者でも、.ico は普遍的にサポートされているため favicon が表示されます。
• ブランドの一貫性。Web、デスクトップ、ブックマークチャネル全体で単一の .ico ファイルを配布することで、マスターが AVIF であってもアイコンがどこでも同一に保たれます。

ソース AVIF はマスターとして保管してください——小さく高品質です。.ico エクスポートは ICO が期待されるデプロイメントシナリオでのみ使用してください。

AVIF を ICO に変換する方法

このツールで AVIF 画像を .ico favicon に変換するのは数秒で完了し、すべてブラウザ内で行われます。アップロード不要、登録不要、インストール不要です。ツールはブラウザのネイティブ画像デコーダで AVIF を読み込み、選択したサイズの正方形キャンバスに描画し（アスペクト比を維持し白背景の中央に配置）、その後 Canvas API でキャンバスを .ico コンテナに再エンコードします。次の4ステップに従ってください：

1. AVIF ファイルをアップロード。アップロードエリアをクリックするか、コンピュータから .avif ファイルをドラッグ＆ドロップします。画像はローカルでデコードされプレビュー表示されます。
2. ICO サイズを選択。16、32、48、64、128、256 px のいずれかを選びます。32×32 が標準 favicon サイズ、16×16 はクラシックなタブアイコン、48×48 以上は高 DPI ディスプレイとデスクトップショートカットに使用されます。
3. ICO に変換。「ICO に変換」ボタンをクリックします。ツールは AVIF を選択したサイズの正方形キャンバスに描画し、PNG バイトを単一画像の .ico コンテナにラップして、元のファイルサイズと変換後のサイズを並べて表示します。
4. ICO をダウンロード。「ICO をダウンロード」をクリックして favicon.ico を端末に保存します。サイトのルートにアップロードするか、プロジェクトのアセットフォルダに配置してください。

すべてのステップは JavaScript でブラウザ内ローカルに実行されるため、AVIF 画像がサーバーにアップロードされることはありません。これにより変換は完全にプライベートかつ高速で、機密性の高いブランドアセットにも適しています。