theguardian.comのファビコン
- 25合格
- 0警告
- 2不足
- 10任意
theguardian.comのメインのファビコンはfavicon-32x32.icoで、32 pxの画像を含むICOファイル(4.2 KB)です。アイコンファイルは13件見つかり、合計は55.8 KBです。Google検索ではapple-touch-icon-512.png(512×512のPNGファイル(5.0 KB))を使えます。サイトのスコアは100点満点中94点で、合格25件、警告0件、不足2件です。不足: SVGファビコン、maskableのマニフェストアイコン。
表示イメージ
見つかったファイルから生成しています。
maskableアイコンがないため、Androidは通常のアイコンを縮小して白い円の上に置きます。
theguardian.comのファビコンファイル一覧
13件検出| ファイル | 検出元 | 形式 | サイズ | 容量 |
|---|---|---|---|---|
| favicon.ico | 既定のパス | ICO | 32 px | 4.2 KB |
| apple-touch-icon.svg | rel="apple-touch-icon" | SVG | ベクター | 411 B |
| apple-touch-icon-512.png | rel="apple-touch-icon" | PNG | 512×512 | 5.0 KB |
| apple-touch-icon-360.png | rel="apple-touch-icon" | PNG | 360×360 | 3.7 KB |
| apple-touch-icon-240.png | rel="apple-touch-icon" | PNG | 240×240 | 2.7 KB |
| apple-touch-icon-120.png | rel="apple-touch-icon" | PNG | 120×120 | 1.5 KB |
| favicon-32x32.ico | rel="icon" | ICO | 32 px | 4.2 KB |
| roundel-512x512.png | マニフェスト | PNG | 512×512 | 18.0 KB |
| roundel-192x192.png | マニフェスト | PNG | 192×192 | 5.6 KB |
| roundel.svg | マニフェスト | SVG | ベクター | 437 B |
| roundel-256x256.png | マニフェスト | PNG | 256×256 | 7.8 KB |
| roundel-152x152.png | マニフェスト | PNG | 152×152 | 1.4 KB |
| roundel-114x114.png | マニフェスト | PNG | 114×114 | 1.1 KB |
従来のファビコン
合格 2件favicon.ico
合格GET /favicon.ico · HTMLで宣言されていません(ルートで検出)
- 形式
- ICO(本物)
- 含まれる画像
- 32
- ファイルサイズ
- 4.2 KB
- HTTP
- 200
- Content-Type
- image/x-icon
- キャッシュ
- 1日
ICO
合格<link rel="icon" href="https://static.guim.co.uk/images/favicon-32x32.ico">
- 宣言値
- サイズ指定なし
- 実際の値
- 32
- 形式
- ICO
- ファイルサイズ
- 4.2 KB
- HTTP
- 200
- Content-Type
- image/x-icon
SVGアイコン
不足 1件SVGファビコン
不足<link rel="icon" type="image/svg+xml" href="…"> – 見つかりません
SVGアイコンはどのサイズでも鮮明に表示され、ダークテーマのブラウザーでは色も切り替えられます。
Apple
合格 1件 · 任意 5件Apple touch icon 56×56
任意<link rel="apple-touch-icon" href="https://assets.guim.co.uk/static/frontend/icons/homescreen/apple-touch-icon.svg" sizes="any">
- 宣言値
- any
- 実際の値
- 56×56
- 推奨
- 180×180
- 背景
- 未計測
- ファイルサイズ
- 411 B
- HTTP
- 200
旧サイズです。現在のiOSは180 pxのアイコンを使います。
Apple touch icon
合格<link rel="apple-touch-icon" href="https://assets.guim.co.uk/static/frontend/icons/homescreen/apple-touch-icon-512.png" sizes="512x512">
- 宣言値
- 512×512
- 実際の値
- 512×512
- 推奨
- 180×180
- 背景
- 不透過
- ファイルサイズ
- 5.0 KB
- HTTP
- 200
Apple touch icon 360×360
任意<link rel="apple-touch-icon" href="https://assets.guim.co.uk/static/frontend/icons/homescreen/apple-touch-icon-360.png" sizes="360x360">
- 宣言値
- 360×360
- 実際の値
- 360×360
- 推奨
- 180×180
- 背景
- 未計測
- ファイルサイズ
- 3.7 KB
- HTTP
- 200
旧サイズです。現在のiOSは180 pxのアイコンを使います。
Apple touch icon 240×240
任意<link rel="apple-touch-icon" href="https://assets.guim.co.uk/static/frontend/icons/homescreen/apple-touch-icon-240.png" sizes="240x240">
- 宣言値
- 240×240
- 実際の値
- 240×240
- 推奨
- 180×180
- 背景
- 未計測
- ファイルサイズ
- 2.7 KB
- HTTP
- 200
旧サイズです。現在のiOSは180 pxのアイコンを使います。
Apple touch icon 120×120
任意<link rel="apple-touch-icon" href="https://assets.guim.co.uk/static/frontend/icons/homescreen/apple-touch-icon-120.png" sizes="120x120">
- 宣言値
- 120×120
- 実際の値
- 120×120
- 推奨
- 180×180
- 背景
- 未計測
- ファイルサイズ
- 1.5 KB
- HTTP
- 200
旧サイズです。現在のiOSは180 pxのアイコンを使います。
Safariのピン留めタブ(mask-icon)
任意<link rel="mask-icon" href="…" color="…"> – 見つかりません
旧仕様です。Safari 12以降は通常のファビコンを使うため、もう必須ではありません。
Webアプリマニフェスト
合格 1件manifest.json
合格<link rel="manifest" href="https://assets.guim.co.uk/static/frontend/manifest.json">
- HTTP
- 200
- Content-Type
- application/json
- JSON
- 有効
- ファイルサイズ
- 1.1 KB
- 同一オリジン
- いいえ
- キャッシュ
- 10年
マニフェストのフィールド
合格 7件 · 不足 1件 · 任意 2件- nameThe Guardian
- short_namenameが長すぎるとき、ホーム画面で使われます。未設定
- start_urlhttps://www.theguardian.com/
- displaybrowser
- theme_color#052962
- background_color#052962
- icons · 192×192PNG · 5.6 KB · 200
- icons · 512×512PNG · 18.0 KB · 200
- icons · purpose: maskableないと、Androidは通常のアイコンを縮小して白い円の上に置きます。なし
- id未設定
Google検索
合格 6件- 対応しているファイル形式PNG · apple-touch-icon-512.png
- 正方形で8×8 px以上512×512
- 48×48 pxより大きい512 px
- トップページで宣言されているはい
- robots.txtでブロックされていない許可
- URLが安定しているリダイレクトなし
メタタグと旧仕様
合格 1件 · 任意 3件- theme-color#052962
- ダークモード用のtheme-colormedia="(prefers-color-scheme: dark)"未設定
- msapplication-TileColorWindowsのタイル用。旧仕様です。未設定
- browserconfig.xmlWindowsのタイル用。旧仕様です。なし
配信とパフォーマンス
合格 7件- すべてのアイコンがHTTPS13件中13件
- 混在コンテンツなしhttp://リンク 0件
- リンク切れなしエラー 0件
- キャッシュヘッダー13件中13件 · 1日以上
- アイコンの合計容量55.8 KB
- リダイレクト0
- 重複するタグなし
<head>内のアイコンタグ
<link rel="manifest" href="https://assets.guim.co.uk/static/frontend/manifest.json"> <link rel="apple-touch-icon" href="https://assets.guim.co.uk/static/frontend/icons/homescreen/apple-touch-icon.svg" sizes="any"> <link rel="apple-touch-icon" href="https://assets.guim.co.uk/static/frontend/icons/homescreen/apple-touch-icon-512.png" sizes="512x512"> <link rel="apple-touch-icon" href="https://assets.guim.co.uk/static/frontend/icons/homescreen/apple-touch-icon-360.png" sizes="360x360"> <link rel="apple-touch-icon" href="https://assets.guim.co.uk/static/frontend/icons/homescreen/apple-touch-icon-240.png" sizes="240x240"> <link rel="apple-touch-icon" href="https://assets.guim.co.uk/static/frontend/icons/homescreen/apple-touch-icon-120.png" sizes="120x120"> <link rel="icon" href="https://static.guim.co.uk/images/favicon-32x32.ico"> <meta name="theme-color" content="#052962">
theguardian.comのファビコンに関するQ&A
theguardian.comのファビコンはどこにありますか?
メインのファビコンはhttps://static.guim.co.uk/images/favicon-32x32.icoにあります。既定のパスhttps://www.theguardian.com/favicon.icoからもアイコンが返されます。
theguardian.comのファビコンのサイズは?
favicon-32x32.icoは32 pxです。サイト内で最も大きいラスターアイコンはapple-touch-icon-512.pngで、512×512 pxです。
Google検索でtheguardian.comのファビコンは表示されますか?
サイトはGoogleの条件を満たしています。apple-touch-icon-512.pngは512×512のPNGファイル(5.0 KB)で、robots.txtでも許可されています。実際に何を表示するかはGoogleが判断します。
theguardian.comにApple touch iconとmaskableアイコンはありますか?
Apple touch iconは512×512です。マニフェストにmaskableアイコンがないため、Androidは通常のアイコンを縮小して白い円の上に置きます。