uefa.comのファビコン
- 12合格
- 4警告
- 6不足
- 7任意
uefa.comのメインのファビコンはfavicon.icoで、16、32、48 pxの画像を含むICOファイル(15.0 KB)です。アイコンファイルは9件見つかり、合計は125.6 KBです。Google検索でも同じファイルを使えます。サイトのスコアは100点満点中55点で、合格12件、警告4件、不足6件です。不足: SVGファビコン、Apple touch icon、Webアプリマニフェストほか1件。
表示イメージ
見つかったファイルから生成しています。
このURLは画像を返していません(image/avif)。
マニフェストにアイコンがないため、Androidはスクリーンショットか頭文字を使います。
マニフェストに512 pxのアイコンがないため、インストールのプロンプトもスプラッシュ画面も表示されません。
uefa.comのファビコンファイル一覧
9件検出| ファイル | 検出元 | 形式 | サイズ | 容量 |
|---|---|---|---|---|
| favicon.ico | 既定のパス | ICO | 150 px | 89.7 KB |
| favicon.ico | rel="icon" | ICO | 16, 32, 48 px | 15.0 KB |
| apple-touch-icon-57x57.png | rel="apple-touch-icon" | WebP | 57×57 | 1.2 KB |
| apple-touch-icon-76x76.png | rel="apple-touch-icon" | WebP | 76×76 | 1.7 KB |
| apple-touch-icon-114x114.png | rel="apple-touch-icon" | WebP | 114×114 | 2.7 KB |
| apple-touch-icon-120x120.png | rel="apple-touch-icon" | WebP | 120×120 | 2.9 KB |
| apple-touch-icon-144x144.png | rel="apple-touch-icon" | WebP | 144×144 | 3.8 KB |
| apple-touch-icon-152x152.png | rel="apple-touch-icon" | WebP | 152×152 | 3.9 KB |
| apple-touch-icon-180x180.png | rel="apple-touch-icon" | WebP | 180×180 | 4.7 KB |
従来のファビコン
合格 2件 · 警告 1件favicon.ico
警告GET /favicon.ico · HTMLで宣言されていません(ルートで検出)
- 形式
- ICO(本物)
- 含まれる画像
- 150
- ファイルサイズ
- 89.7 KB
- HTTP
- 200
- Content-Type
- image/x-icon
- キャッシュ
- 4時間
ICOに16 pxまたは32 pxの画像がないため、ブラウザーは大きい画像を縮小して使います。
ICO
合格<link rel="shortcut icon" href="//img.uefa.com/imgml/favicon/favicon.ico">
- 宣言値
- サイズ指定なし
- 実際の値
- 16 · 32 · 48
- 形式
- ICO
- ファイルサイズ
- 15.0 KB
- HTTP
- 200
- Content-Type
- image/x-icon
ICO
合格<link rel="icon" href="//img.uefa.com/imgml/favicon/favicon.ico" type="image/x-icon">
- 宣言値
- サイズ指定なし
- 実際の値
- 16 · 32 · 48
- 形式
- ICO
- ファイルサイズ
- 15.0 KB
- HTTP
- 200
- Content-Type
- image/x-icon
SVGアイコン
不足 1件SVGファビコン
不足<link rel="icon" type="image/svg+xml" href="…"> – 見つかりません
SVGアイコンはどのサイズでも鮮明に表示され、ダークテーマのブラウザーでは色も切り替えられます。
Apple
不足 3件 · 任意 4件Apple touch icon
不足<link rel="apple-touch-icon" href="https://img.uefa.com/imgml/favicon/apple-touch-icon.png">
このURLは画像を返していません(image/avif)。
Apple touch icon
不足<link rel="apple-touch-icon-precomposed" href="https://img.uefa.com/imgml/favicon/apple-touch-icon-precomposed.png">
このURLは画像を返していません(image/avif)。
Apple touch icon 57×57
任意<link rel="apple-touch-icon" sizes="57x57" href="https://img.uefa.com/imgml/favicon/apple-touch-icon-57x57.png">
- 宣言値
- 57×57
- 実際の値
- 57×57
- 推奨
- 180×180
- 背景
- 未計測
- ファイルサイズ
- 1.2 KB
- HTTP
- 200
旧サイズです。現在のiOSは180 pxのアイコンを使います。
Apple touch icon
不足<link rel="apple-touch-icon" sizes="72x72" href="https://img.uefa.com/imgml/favicon/apple-touch-icon-72x72.png">
このURLは画像を返していません(image/avif)。
Apple touch icon 76×76
任意<link rel="apple-touch-icon" sizes="76x76" href="https://img.uefa.com/imgml/favicon/apple-touch-icon-76x76.png">
- 宣言値
- 76×76
- 実際の値
- 76×76
- 推奨
- 180×180
- 背景
- 未計測
- ファイルサイズ
- 1.7 KB
- HTTP
- 200
旧サイズです。現在のiOSは180 pxのアイコンを使います。
Apple touch icon 114×114
任意<link rel="apple-touch-icon" sizes="114x114" href="https://img.uefa.com/imgml/favicon/apple-touch-icon-114x114.png">
- 宣言値
- 114×114
- 実際の値
- 114×114
- 推奨
- 180×180
- 背景
- 未計測
- ファイルサイズ
- 2.7 KB
- HTTP
- 200
旧サイズです。現在のiOSは180 pxのアイコンを使います。
Safariのピン留めタブ(mask-icon)
任意<link rel="mask-icon" href="…" color="…"> – 見つかりません
旧仕様です。Safari 12以降は通常のファビコンを使うため、もう必須ではありません。
Webアプリマニフェスト
不足 1件Webアプリマニフェスト
不足<link rel="manifest" href="…"> – 見つかりません
Androidやインストール可能なWebアプリは、アイコン、名前、色をマニフェストから取得します。
Google検索
合格 5件 · 警告 1件- 対応しているファイル形式ICO · favicon.ico
- 正方形で8×8 px以上48×48
- 48×48 pxより大きいGoogleは、鮮明に表示するため48×48 pxより大きいサイズを推奨しています。宣言済みの96×96 PNGか、180 pxのApple touch iconで条件を満たせます。48 px
- トップページで宣言されているはい
- robots.txtでブロックされていない許可
- URLが安定しているリダイレクトなし
メタタグと旧仕様
合格 1件 · 任意 3件- theme-color#ffffff
- ダークモード用のtheme-colormedia="(prefers-color-scheme: dark)"未設定
- msapplication-TileColorWindowsのタイル用。旧仕様です。未設定
- browserconfig.xmlWindowsのタイル用。旧仕様です。なし
配信とパフォーマンス
合格 4件 · 警告 2件 · 不足 1件- すべてのアイコンがHTTPS9件中9件
- 混在コンテンツなしhttp://リンク 0件
- リンク切れなしhttps://img.uefa.com/imgml/favicon/apple-touch-icon.png, https://img.uefa.com/imgml/favicon/apple-touch-icon-precomposed.png, https://img.uefa.com/imgml/favicon/apple-touch-icon-72x72.pngエラー 3件
- キャッシュヘッダーアイコンはほとんど変わらないため、1日以上キャッシュさせてください。9件中8件 · 1日以上
- アイコンの合計容量125.6 KB
- リダイレクト0
- 重複するタグ同じサイズを宣言するrel="icon"タグが複数あり、ブラウザーは最後のものを使います。2 × サイズ指定なし
<head>内のアイコンタグ
<link rel="shortcut icon" href="//img.uefa.com/imgml/favicon/favicon.ico"> <link rel="icon" href="//img.uefa.com/imgml/favicon/favicon.ico" type="image/x-icon"> <link rel="apple-touch-icon" href="https://img.uefa.com/imgml/favicon/apple-touch-icon.png"> <link rel="apple-touch-icon-precomposed" href="https://img.uefa.com/imgml/favicon/apple-touch-icon-precomposed.png"> <link rel="apple-touch-icon" sizes="57x57" href="https://img.uefa.com/imgml/favicon/apple-touch-icon-57x57.png"> <link rel="apple-touch-icon" sizes="72x72" href="https://img.uefa.com/imgml/favicon/apple-touch-icon-72x72.png"> <link rel="apple-touch-icon" sizes="76x76" href="https://img.uefa.com/imgml/favicon/apple-touch-icon-76x76.png"> <link rel="apple-touch-icon" sizes="114x114" href="https://img.uefa.com/imgml/favicon/apple-touch-icon-114x114.png"> <link rel="apple-touch-icon" sizes="120x120" href="https://img.uefa.com/imgml/favicon/apple-touch-icon-120x120.png"> <link rel="apple-touch-icon" sizes="144x144" href="https://img.uefa.com/imgml/favicon/apple-touch-icon-144x144.png"> <link rel="apple-touch-icon" sizes="152x152" href="https://img.uefa.com/imgml/favicon/apple-touch-icon-152x152.png"> <link rel="apple-touch-icon" sizes="180x180" href="https://img.uefa.com/imgml/favicon/apple-touch-icon-180x180.png"> <meta name="theme-color" content="#ffffff">
uefa.comのファビコンに関するQ&A
uefa.comのファビコンはどこにありますか?
メインのファビコンはhttps://img.uefa.com/imgml/favicon/favicon.icoにあります。既定のパスhttps://www.uefa.com/favicon.icoからもアイコンが返されます。
uefa.comのファビコンのサイズは?
favicon.icoは16, 32, 48 pxです。サイト内で最も大きいラスターアイコンはapple-touch-icon-180x180.pngで、180×180 pxです。
Google検索でuefa.comのファビコンは表示されますか?
サイトはGoogleの条件を満たしています。favicon.icoは16、32、48 pxの画像を含むICOファイル(15.0 KB)で、robots.txtでも許可されています。Googleは48×48 pxより大きいサイズを推奨しているため、もっと大きいアイコンのほうが鮮明に表示されます。実際に何を表示するかはGoogleが判断します。
uefa.comにApple touch iconとmaskableアイコンはありますか?
Apple touch iconは180×180です。読み取れるWebアプリマニフェストがないため、maskableアイコンもありません。