ジェネレーター

Faviconジェネレーター

画像からfavicon.icoを生成します

Favicon ジェネレーターについて

Faviconジェネレーターは、ブラウザ上で、JPEG, PNG, GIF などの画像ファイルから favicon 用の画像(favicon.ico)を生成・変換するサービスです。

下記の特徴を備えています。

ネットワーク上に画像をアップロードする必要がなく、全てローカル上で完結するため、セキュリティ的にも安全です。
アップロードがないため、高速な変換を可能としています。
マルチアイコンに対応
用途によって、様々なファイルサイズに変換が可能
透過に対応

画像をFaviconに変換する

変換する画像ファイルを選択してください

使い方

変換する画像を選択
サイズの選択
「画像を変換する」をクリック
「ダウンロード」をクリック

上記のステップを踏むだけで簡単に変換ができます。

Favicon の画像形式は「.ico」という拡張子で扱われ、一般的には「favicon.ico」というファイルを作って利用することが多いです。 Favicon ジェネレータでもダウンロードする際に「favicon.ico」というファイル名でダウンロードされます。

Favicon (ファビコン) とは

Favicon (ファビコン)とは、ブラウザのタブに表示される、小さいアイコン画像のことを指します。また、ブックマークをしたときなども、faviconの画像が表示されます。

💡 Favicon（ファビコン）の雑学・Tips

🌐 faviconはInternet Explorerが生み出した

faviconは1999年にInternet Explorer 5が初めて導入した機能です。当初はお気に入り（ブックマーク）の視認性を高めるためのものでしたが、その後すべてのブラウザに採用され、Webサイトの「顔」として定着しました。

📦 .icoは複数画像を1ファイルに格納できる

ICO形式は複数のサイズ・色深度の画像を1つのファイルにまとめられる特殊なフォーマットです。OSやブラウザが表示環境に応じて最適なサイズを自動的に選んで使うため、16×16から256×256まで複数サイズを入れておくと、あらゆる場面で綺麗に表示されます。

🎨 最近はPNGやSVGのfaviconも主流に

現代のブラウザは .ico だけでなく、PNGやSVG形式のfaviconにも対応しています。特にSVGはベクター形式のため、どんな解像度でも劣化せず表示でき、ダークモード対応も prefers-color-scheme で実現できます。ただし古いブラウザの互換性のため、favicon.ico も合わせて置いておくのがベストプラクティスです。

📱 スマホには「apple-touch-icon」が必要

iPhoneでWebサイトをホーム画面に追加すると表示されるアイコンは、通常のfaviconとは別に apple-touch-icon.png（180×180px推奨）を用意する必要があります。Androidでも同様にPWAマニフェストでアイコンを指定するのが一般的で、マルチプラットフォーム対応には複数サイズの準備が欠かせません。

⚡ faviconのキャッシュは長期間残る

faviconはブラウザに強くキャッシュされるため、デザインを変更してもすぐに反映されないことがあります。更新を確実に反映させるには、HTMLで参照するファイル名にクエリパラメータを付ける（例: favicon.ico?v=2）か、ファイル名自体を変更するのが有効なテクニックです。