サイズ別プレビュー
ZIPには6サイズのPNG、16・32・48pxを含むICO、site.webmanifest、設置コード・説明が入ります。ファイルをサイトの公開ルートへ配置してください。別の場所へ置く場合はHTMLとmanifestのパスを変更してください。manifestのサイト名も編集できます。
画像と設置のヒント
正方形で大きめの元画像を使うと、小さいサイズまで見やすく仕上がります。小さい元画像は拡大されます。透明背景は対応していますが、Apple用アイコンを含めて背景を付けたい場合は「指定色」を選んでください。Android用画像のpurposeはanyで、maskableアイコンは生成しません。
生成画像はPNGとして描き直すため、元画像のメタデータは引き継ぎません。ファイルはブラウザ内で処理し、入力・生成画像をサーバーへ送信しません。生成後に設定や画像を変えた場合は、もう一度生成してください。
設置後に表示が変わらない場合は、ブラウザのキャッシュを確認してください。Webアプリのインストールにはmanifest以外の設定も必要になる場合があります。
Faviconジェネレーターの使い方
- 元の画像を選び、全体を収める・中央を切り抜く、余白・背景色を指定します。
- Faviconを生成し、サイズ別のプレビューを確認します。
- ZIPを保存して公開ルートへ配置し、設置コードをHTMLのheadへ貼り付けます。