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