主な機能
- ワンクリックですべてのファビコン形式を生成
- 複数サイズのfavicon.icoを作成(16、32、48px)
- すべての最新ブラウザ用のPNGファビコンを生成
- iOSデバイス用のApple Touch Icon(180×180px)を作成
- Android Chromeアイコン(192×192、512×512)を生成
- PWAサポート用のsite.webmanifestを含む
- すぐに使えるHTMLコードスニペットを提供
- すべてを便利なZIPファイルとしてダウンロード
一般的な使用例
- 新しいウェブサイトローンチ用の完全なファビコンパッケージを作成
- 既存のウェブサイトを最新のファビコン形式で更新
- Progressive Web Apps(PWA)用のファビコンを生成
- すべてのデバイスとプラットフォーム用のブランドアイコンを作成
- WordPressまたは他のCMS用のファビコンファイルを準備
- クライアントのウェブサイト用のファビコンを迅速に生成
使い方
- ロゴまたは画像をアップロード(正方形のPNG、JPG、またはSVG推奨)
- マニフェスト用のウェブサイト名と短縮名を入力
- 「すべてのファビコンを生成」をクリックして完全なパッケージを作成
- すべてのファビコンファイルを含むZIPファイルをダウンロード
- ZIPを解凍し、すべてのファイルをウェブサイトのルートディレクトリにアップロード
- 提供されたHTMLコードをコピーして<head>セクションに貼り付け
- 新しいファビコンを表示するためにブラウザキャッシュをクリア
よくある質問
パッケージには以下が含まれます:favicon.ico、favicon-16x16.png、favicon-32x32.png、apple-touch-icon.png、android-chrome-192x192.png、android-chrome-512x512.png、およびsite.webmanifest。
最低512×512pxの正方形の画像をアップロードしてください。より大きな画像(1024×1024px)はさらに良い結果を生みます。
最大の互換性のために、はい!異なるブラウザとデバイスは異なるファビコン形式を探します。
site.webmanifestファイルは、Progressive Web Appsのためのウェブサイトに関するメタデータを提供するJSONファイルです。
すべてのファイルをウェブサイトのルートディレクトリ(index.htmlと同じフォルダ)にアップロードしてください。
ブラウザはファビコンを積極的にキャッシュします。ブラウザキャッシュをクリア(Ctrl+Shift+Delete)し、強制更新(Ctrl+F5)してください。
はい、ただしファビコンは非常に小さく表示されます(16×16px)。小さなサイズでも認識できるシンプルなロゴを使用してください。
はい!すべての画像は安全に処理され、ZIPファイルのダウンロード後すぐに削除されます。