無料 ICO コンバーター

ICO形式について

ICO(アイコン)形式は、ブラウザのタブ、ブックマーク、アドレスバーで表示されるWebサイトファビコンの標準形式です。このコンバーターは、現代の標準である1つの.icoファイル内で複数のサイズをサポートします。

よくある質問

ICOファイルとは?

ICOファイルは、Windowsアプリケーションとウェブサイトファビコンのアイコンに使用されるバイナリ画像形式です。異なる解像度で複数の画像を含むことができ、ブラウザがコンテキストに応じて適切なサイズを表示できるようにします。

どのサイズを含めるべきですか?

16×16と32×32はブラウザファビコンに最も一般的です。Windowsショートカットと高密度画面用に64×64と128×128を含めます。48×48はレガシー互換性に役立ちます。256×256は大きなアイコン表現に使用されることがあります。

ウェブサイトでファビコンを使用するには?

favicon.icoファイルをサイトのルートディレクトリに配置するか、HTMLで参照します: <link rel="icon" href="/favicon.ico">。ほとんどのブラウザはルートで自動的に検出します。

ICOの小史

MicrosoftはICOを1985年11月のWindows 1.0とともに導入した。当初は.EXEおよび.DLLファイル内に保存されたモノクロの32×32ピクセルアプリケーションアイコン用のリソース形式だった。独立した.ico拡張子はアイコンを実行可能ファイルとは独立して編集・共有できるよう正式化された。Windows 3.xは16色と256色のサポートを追加した。Windows 95はICOを真のマルチ解像度コンテナにした（1つのファイルに16 / 32 / 48 pxのレンダリングを保持し、OSが各コンテキストに最適なものを自動的に選択する）。Windows XPは滑らかなアンチエイリアスエッジと半透明の影のために32ビットアルファを追加した。Windows Vista（2007年）は256×256ピクセルアイコンを導入し、各エントリに従来のBMPまたは完全なPNGファイルを保存できるようにした。PNGエンコードエントリは48×48以上のサイズで現在の標準だ。256×256の32ビットBMPはアイコンあたり約256 KBになり無駄だからだ。多くの古いアイコンエディターはBMPのみのICOをデフォルトとしており、必要以上に8〜10×大きいファイルを生成する。

このフォーマットは1999年3月にMicrosoft Internet Explorer 5が/favicon.icoの慣習を導入したとき、「Windowsの内部フォーマット」から「グローバルなWeb標準」へと飛躍した。ユーザーがページを「お気に入り」に追加すると、IEはウェブサイトのルートから/favicon.icoをリクエストし、ブックマークの横に16×16の画像を表示した。「favicon」という名前はIEの「お気に入り」メニューに由来する「Favorites Icon」の合成語だ。この慣習は発売時に公式のW3C標準ではなかった。Microsoftが単にパスを文書化し、ブラウザとウェブマスターがそれを採用し、業界全体が追随した。27年後の今も、すべての主要ブラウザが初回アクセス時に/favicon.icoをリクエストする。<link rel="icon">タグが存在しない場合でも同様だ。これが世界中のウェブプロパティのサーバーログにブラウザ、クローラー、RSSリーダー、リンクプレビューボットからのfaviconリクエストが表示され、ファイルが不在のときに404が発生する理由だ。

2026年にICOがPNGより優れている理由

PNGがこれほど柔軟なのに、なぜICOはまだ重要なのか？理由は3つある：

• Windowsデスクトップショートカットとタスクバーへのピン留め。ユーザーがデスクトップショートカットを作成したりサイトをタスクバーにピン留めしたりすると、Windows ExplorerはOSの現在のシェルサイズ（16、24、32、48、64、96、256）すべてでショートカットをレンダリングするためにICOが必要だ。.lnkがPNGを指していると、バイリニアスケーリングのアーティファクトを伴う1サイズしか生成されない。
• クロスブラウザfavicon互換性。最新ブラウザは<link>でPNGとSVGを喜んで使用するが、暗黙の/favicon.icoリクエストはコールドアクセス時にも発生する。産業、医療、政府機関のコンテキストで2026年現在も残存する古いEdgeやIE 11を実行している企業・セキュリティ制限環境はICOしかレンダリングしない。ルートに小さなマルチサイズの.icoがあれば最も安全なユニバーサルデフォルトになる。
• 1ファイルにマルチサイズ。ICOは16、32、48、64、128、256を1回のダウンロードで保持でき、これがこのツールが生成するものだ。ブラウザとOSシェルが各コンテキストに最適なバリアントを自動的に選択する。

知っておく価値のあるMIMEタイプの特異点：ICOファイルは技術的にimage/vnd.microsoft.icon（IANAに登録されたタイプ）として提供されるが、古いimage/x-iconがほとんどのサーバーとCMSテンプレートから出力され、最新ブラウザでは普遍的に受け入れられている。どちらも動作する。

2026年のfavicon推奨事項

最新のサイトはfavicon.icoのみに頼るべきではないが、省略すべきでもない。realfavicongenerator.netとMDN Web Docsが推奨する「現代の最小セット」は現在以下のようになっている：

• favicon.ico（このツールの出力）：すべてのブラウザが自動的に取得する。レガシーおよびIE/古いEdgeユーザーに必要。
• favicon.svg：単一ファイルで任意の密度にスケーリングされる。prefers-color-schemeでライト/ダークをサポートする。Chromium 80+（2020年初頭）とFirefox 41+（2015年）でサポートされているが、Safariはバージョン17（2023年9月）でサポートを追加したばかりだ。2026年はほとんどのブラウザでSVGのみに現実的に頼れる最初の年だ。
• favicon-32x32.pngとfavicon-16x16.png：両方がリストされた場合にSVGよりPNGを優先するブラウザのためのピクセルパーフェクトなラスターフォールバック。
• apple-touch-icon.png（180×180）：iOSホーム画面ショートカット用。AppleはICOもSVGも使用しない。PNGが必要。
• android-chrome-192x192.pngとandroid-chrome-512x512.png：Androidランチャーおよびプログレッシブウェブアプリ（PWA）インストール用のウェブマニフェストから参照される。
• manifest.webmanifest：PWAのPNGアイコン、テーマカラー、アプリ名、表示モードを宣言する。

HTMLのheadブロックはこれらすべてを公開する：

<link rel="icon" href="/favicon.ico" sizes="any">
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
<link rel="manifest" href="/manifest.webmanifest">
<meta name="theme-color" content="#ffffff">

sizes="any"属性を.icoリンクに付けることで最新ブラウザに「このファイルは任意のサイズを含む、フォールバックとしてのみ使用する」と伝え、SVGが利用可能な場合はSVGが優先される。2024〜2026年のベストプラクティスガイドのトレンドは積極的に削減することだ：それら4つのファイルとマニフェストを提供する。mstileやyandexタイルを含む古い「16ファイルfaviconパッケージ」は、それらのプラットフォームを特に対象とする場合を除いて推奨されなくなっている。

ICOファイルの内部構造

ICO形式に興味のある人のために：バイナリレイアウトは明快だ。短いICONDIRヘッダー（6バイト：予約済み、type=1（アイコン）、画像数）、次にN個のICONDIRENTRYレコード（各16バイト：幅・高さ・色数・サイズ・ファイルオフセットを列挙）、そしてN個の画像ビットマップが続く。各画像エントリは古いスタイルのBMP/DIBか、Vista以降は自身のヘッダーを持つ完全なPNGファイルのどちらかになれる。ICONDIRENTRYレコードは常に幅と高さをバイトとして保存し、0は256（最大値）を意味する。これがICOが最大256×256をサポートするがそれ以上はサポートしない理由だ。より大きな画像を保存するにはフォーマットを改訂する必要がある。

生成したものをテストするツール

• realfavicongenerator.netのチェッカー：サイトを訪問しプラットフォームごとのレンダリング問題を報告する。厳格だが正確。
• favicon.ioのテスター：モックされたブラウザタブ全体の素早い視覚的チェック。
• ブラウザDevTools。Ctrl+F5（またはCmd+Shift+R）で強制リフレッシュしてfaviconキャッシュをバイパスする。faviconキャッシュは悪名高いほど積極的で、Safariは特に再起動をまたいでfaviconをキャッシュし、更新を何時間も無視することがある。
• 直接URL。新しいタブでyoursite.com/favicon.icoにアクセスしてファイルが実際に配信されているか確認する。よくある問題：ファイルは存在するがサーバーが404を返す。設定された静的ファイルパスの外にあるためだ。

このツールを使う場面

• 新しいサイトのfaviconセットを作成する。マルチサイズの.icoをここで生成し、SVGとapple-touch PNGは他のツールで作成する。
• 既存のfaviconを更新する。ロゴの更新後にマルチサイズの.icoを再エクスポートする。
• カスタムアイコンURLのWindowsデスクトップショートカットをピン留めする。
• ElectronまたはTauriアプリのアイコンを生成する。Windowsデスクトップアプリは実行可能ファイルのリソースセクションにICOが必要だ。
• 以前リリースされたサイトの404 faviconを差し替える。faviconが一度もなかったサイトのエラーを修正する。

その他の質問

faviconを更新したのにブラウザにまだ古いものが表示されるのはなぜか？

Faviconのキャッシュは悪名高いほど積極的だ。ブラウザは再起動をまたいでfaviconをキャッシュし、HTTPキャッシュコントロールヘッダーを常に遵守するわけではない。強制リフレッシュ（Mac: Cmd+Shift+R、Windows: Ctrl+F5）はChromiumとFirefoxで通常機能する。Safariはフル終了と再起動が必要なことがあり、iOSのホーム画面アイコンはページを完全に再追加する必要がある場合がある。クエリ文字列（/favicon.ico?v=2）の追加はほとんどのブラウザで更新を強制するが、暗黙の/favicon.icoリクエストには常に機能するわけではない。そのためには<link rel="icon">タグで新しいURLを宣言すること。

どのサイズを含めるべきか？

ブラウザfaviconには16と32が必須だ。48は高DPIのWindowsタブに役立つ。Windowsデスクトップショートカットとタスクバーへのピン留めには64と128を含める（最大の「超大型」エクスプローラー表示には256も）。このツールのデフォルト選択（16/32/48/64）は99%のケースをカバーする。128または256を追加するとファイルサイズが著しく増加する（PNGエンコードの256×256だけで約30〜40 KB）のでWindowsシェルレンダリングが実際に必要な場合のみ含めること。

透明な背景を使うべきか？

ほぼ常に「はい」だ。最新ブラウザはfaviconをタブのクロームカラー（ライトモード、ダークモード、ピン留めタブで異なる）に対して表示する。透明なPNG（またはコンバーターへの透明な入力）はすべての背景でクリーンなエッジを生成する。例外は有色の背景がないと読み取れないロゴで、その場合は背景色を焼き込んで問題ない。PNGとICOはどちらもフルアルファをサポートしているが、JPEGはサポートしないため、JPG入力は透明性を失う。

favicon.icoは2026年もまだ本当に必要か？

はい、ただしフォールバックとしてのみだ。すべてのブラウザは最新の<link>タグが設定されていても初回アクセス時に暗黙的にリクエストする。Windowsデスクトップショートカットとタスクバーへのピン留めも必要とする。IE11や古いEdgeを実行している企業環境（医療、製造、政府機関には確かに存在する）も必要とする。ルートにある4〜8 KBのマルチサイズ.icoは最も安全なユニバーサルデフォルトで、他の人のために<link>タグでSVGとPNGとペアになる。

何かサーバーに送信されるか？

いいえ。画像はブラウザでデコードされ、Canvas 2D APIを通じて各リクエストサイズにスケーリングされ、JavaScriptによってICOバイナリに組み立てられる。結果はデバイスに直接ダウンロードされる。画像の内容（まだ作業中のロゴデザインを含む）はページから出ることはない。

関連ツール