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