Favicon ジェネレーター

任意の画像をアップロードすると、複数解像度のICO、各プラットフォーム用PNG、Appleタッチアイコン、WebマニフェストをまとめたfaviconパッケージをZIPで取得できます。

ファイルをドロップまたはクリックしてアップロード

Ctrl+Vでクリップボードから貼り付け

faviconの生成方法

1画像ファイル（JPG、PNG、WebP、AVIF、GIF、SVGなど）をドラッグ、クリック、またはペーストしてアップロードします。
2設定は不要です。ジェネレーターが全プラットフォームのサイズを自動で出力します。
3「今すぐ変換」をクリックして変換完了を待つ。
4ZIPパッケージをダウンロードし、ファイルをWebサイトのルートに展開します。

favicon生成について

最近のファビコンは様々なシナリオへの適応が必要です。ブラウザタブには16pxと32px、iOSホーム画面には180px、AndroidとPWAには192pxと512pxのアイコンが必要で、単一のfavicon.icoでは全ての要件を満たせなくなっています。

このツールが生成するfavicon.icoには16px、32px、48pxのマルチ解像度エントリが含まれます。元画像は中央で正方形にクロップされ、apple-touch-icon.pngには白背景が追加されます。これはiOSで透明背景が黒く表示されるのを防ぐためです。アイコン情報を宣言した規格準拠のsite.webmanifestファイルも含まれます。

生成結果はZIPファイルにパッケージされます。解凍後、全てのファイルをWebサイトのルートディレクトリにアップロードし、HTMLのheadセクションに対応するlinkタグを追加して参照してください。SVGを原寸に使うと輪郭のディテールがより鮮明になり、単色背景の原寸は複雑な透明背景の原寸よりも適応結果が良好です。