16x16 と 32x32 だけの宣言
タブ用の小さなサイズだけを宣言した例です。検索結果での表示を考えると 48x48 より大きいサイズが足りない点を警告します。
入力
HTML(head の部分、またはページ全体)
<link rel="icon" href="/favicon-16.png" sizes="16x16" type="image/png"> <link rel="icon" href="/favicon-32.png" sizes="32x32" type="image/png">
結果
エラー 0 件・警告 1 件・情報 1 件
指摘(エラー・警告・情報)
- 警告 全体 宣言された最大のサイズは 32x32 です。Google 検索は 48x48 より大きいサイズを推奨しています。大きな画像(または sizes="any" の SVG)も追加してください。
- 情報 全体 rel="apple-touch-icon" の宣言がありません。ホーム画面に追加されたときの画像用で、180x180 が一般的な例です。必須ではありません。
| アイコンの宣言 | 2 件 |
|---|---|
| 宣言された最大の辺 | 32 ピクセル |
| any(拡大縮小できる画像) | なし |
| apple-touch-icon | なし |
見つかったアイコンの宣言
| 番号 | rel | href | type | sizes | 読み取り結果 |
|---|---|---|---|---|---|
| 1 | icon | /favicon-16.png | image/png | 16x16 | 16x16 |
| 2 | icon | /favicon-32.png | image/png | 32x32 | 32x32 |
検算(この結果になる理由)
宣言された最大の辺は 32 で 48 以下、any もないため警告が 1 件です(Google は 48x48 より大きいサイズを推奨)。apple-touch-icon がないことは必須ではないので情報が 1 件です。
判定の根拠は仕様と根拠に、仕様の出典とともにまとめています。自分の入力で試すにはツールをお使いください。
このツールの制約
- 画像ファイルの実際の寸法・形式は確かめません。sizes に書かれた値が画像と一致しているかは、別途ご確認ください。
- manifest.json の icons、OS やブラウザごとの推奨サイズ、検索結果に favicon が実際に表示されるかどうかは判定しません。
- link 要素の読み取りは簡易的で、script の文字列の中や、HTML の誤りを補う複雑な解釈には対応しません。
- 外部のアドレスへ問い合わせて、画像が取得できるかを調べる機能はありません。貼り付けた文字だけを読みます。
ご利用にあたって
- 結果は仕様とガイドラインの文面にもとづく点検で、Google 検索に favicon が表示されることを保証するものではありません(ガイドラインを満たしても表示は保証されないと明記されています)。