cdc.govのファビコン
- 26合格
- 3警告
- 3不足
- 2任意
cdc.govのメインのファビコンはfavicon-32x32.pngで、32×32のPNGファイル(539 B)です。アイコンファイルは12件見つかり、合計は57.6 KBです。Google検索ではapple-touch-icon.png(180×180のPNGファイル(1.4 KB))を使えます。サイトのスコアは100点満点中83点で、合格26件、警告3件、不足3件です。不足: SVGファビコン、maskableのマニフェストアイコン、リンク切れなし。
表示イメージ
見つかったファイルから生成しています。
iOSは透過部分を黒で塗りつぶします。アイコンに単色の背景を付けてください。
maskableアイコンがないため、Androidは通常のアイコンを縮小して白い円の上に置きます。
cdc.govのファビコンファイル一覧
12件検出| ファイル | 検出元 | 形式 | サイズ | 容量 |
|---|---|---|---|---|
| favicon.ico | 既定のパス | ICO | 16, 32, 48 px | 14.7 KB |
| apple-touch-icon.png | rel="apple-touch-icon" | PNG | 180×180 | 1.4 KB |
| favicon-32x32.png | rel="icon" | PNG | 32×32 | 539 B |
| favicon-16x16.png | rel="icon" | PNG | 16×16 | 432 B |
| safari-pinned-tab.svg | rel="mask-icon" | SVG | ベクター | 1.9 KB |
| favicon-192x192.png | マニフェスト | PNG | 192×192 | 5.5 KB |
| favicon-512x512.png | マニフェスト | PNG | 512×512 | 15.3 KB |
| favicon-48x48.png | マニフェスト | PNG | 48×48 | 1.4 KB |
| favicon-72x72.png | マニフェスト | PNG | 72×72 | 2.0 KB |
| favicon-96x96.png | マニフェスト | PNG | 96×96 | 2.7 KB |
| favicon-144x144.png | マニフェスト | PNG | 144×144 | 4.1 KB |
| favicon-256x256.png | マニフェスト | PNG | 256×256 | 7.5 KB |
従来のファビコン
合格 3件favicon.ico
合格GET /favicon.ico · HTMLで宣言されていません(ルートで検出)
- 形式
- ICO(本物)
- 含まれる画像
- 16 · 32 · 48
- ファイルサイズ
- 14.7 KB
- HTTP
- 200
- Content-Type
- image/x-icon
- キャッシュ
- なし
PNG 32×32
合格<link rel="icon" type="image/png" sizes="32x32" href="/TemplatePackage/5.0/img/favicon/favicon-32x32.png">
- 宣言値
- 32×32
- 実際の値
- 32×32
- 形式
- PNG
- ファイルサイズ
- 539 B
- HTTP
- 200
- Content-Type
- image/png
PNG 16×16
合格<link rel="icon" type="image/png" sizes="16x16" href="/TemplatePackage/5.0/img/favicon/favicon-16x16.png">
- 宣言値
- 16×16
- 実際の値
- 16×16
- 形式
- PNG
- ファイルサイズ
- 432 B
- HTTP
- 200
- Content-Type
- image/png
SVGアイコン
不足 1件SVGファビコン
不足<link rel="icon" type="image/svg+xml" href="…"> – 見つかりません
SVGアイコンはどのサイズでも鮮明に表示され、ダークテーマのブラウザーでは色も切り替えられます。
Apple
合格 1件 · 警告 1件Apple touch icon
警告<link rel="apple-touch-icon" sizes="180x180" href="/TemplatePackage/5.0/img/favicon/apple-touch-icon.png">
- 宣言値
- 180×180
- 実際の値
- 180×180
- 推奨
- 180×180
- 背景
- 透過
- ファイルサイズ
- 1.4 KB
- HTTP
- 200
iOSは透過部分を黒で塗りつぶします。アイコンに単色の背景を付けてください。
Safariのピン留めタブ(mask-icon)
合格<link rel="mask-icon" href="/TemplatePackage/5.0/img/favicon/safari-pinned-tab.svg" color="#0056b3">
- 色
- #0056b3
- ファイルサイズ
- 1.9 KB
旧仕様です。Safari 12以降は通常のファビコンを使います。
Webアプリマニフェスト
合格 1件manifest.json
合格<link rel="manifest" href="/TemplatePackage/5.0/json/manifest.json">
- HTTP
- 200
- Content-Type
- application/json
- JSON
- 有効
- ファイルサイズ
- 1.7 KB
- 同一オリジン
- はい
- キャッシュ
- no-cache
マニフェストのフィールド
合格 7件 · 警告 1件 · 不足 1件 · 任意 1件- nameCenters for Disease Control and Prevention
- short_nameCDC.gov
- start_urlインストールしたアプリの起動時に開くページです。未設定
- displaystandalone
- theme_color#075290
- background_color#ffffff
- icons · 192×192PNG · 5.5 KB · 200
- icons · 512×512PNG · 15.3 KB · 200
- icons · purpose: maskableないと、Androidは通常のアイコンを縮小して白い円の上に置きます。なし
- id未設定
Google検索
合格 6件- 対応しているファイル形式PNG · apple-touch-icon.png
- 正方形で8×8 px以上180×180
- 48×48 pxより大きい180 px
- トップページで宣言されているはい
- robots.txtでブロックされていない許可
- URLが安定しているリダイレクトなし
メタタグと旧仕様
合格 3件 · 任意 1件- theme-color#0056b3
- ダークモード用のtheme-colormedia="(prefers-color-scheme: dark)"未設定
- msapplication-TileColor#0056b3
- browserconfig.xmlあり
配信とパフォーマンス
合格 5件 · 警告 1件 · 不足 1件- すべてのアイコンがHTTPS12件中12件
- 混在コンテンツなしhttp://リンク 0件
- リンク切れなし/TemplatePackage/4.0/assets/imgs/favicon-36x36.pngエラー 1件
- キャッシュヘッダーアイコンはほとんど変わらないため、1日以上キャッシュさせてください。12件中0件 · 1日以上
- アイコンの合計容量57.6 KB
- リダイレクト0
- 重複するタグなし
<head>内のアイコンタグ
<link rel="apple-touch-icon" sizes="180x180" href="/TemplatePackage/5.0/img/favicon/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="/TemplatePackage/5.0/img/favicon/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="/TemplatePackage/5.0/img/favicon/favicon-16x16.png"> <link rel="mask-icon" href="/TemplatePackage/5.0/img/favicon/safari-pinned-tab.svg" color="#0056b3"> <link rel="manifest" href="/TemplatePackage/5.0/json/manifest.json"> <meta name="msapplication-TileColor" content="#0056b3"> <meta name="theme-color" content="#0056b3">
cdc.govのファビコンに関するQ&A
cdc.govのファビコンはどこにありますか?
メインのファビコンはhttps://www.cdc.gov/TemplatePackage/5.0/img/favicon/favicon-32x32.pngにあります。既定のパスhttps://www.cdc.gov/favicon.icoからもアイコンが返されます。
cdc.govのファビコンのサイズは?
favicon-32x32.pngは32×32です。サイト内で最も大きいラスターアイコンはfavicon-512x512.pngで、512×512 pxです。
Google検索でcdc.govのファビコンは表示されますか?
サイトはGoogleの条件を満たしています。apple-touch-icon.pngは180×180のPNGファイル(1.4 KB)で、robots.txtでも許可されています。実際に何を表示するかはGoogleが判断します。
cdc.govにApple touch iconとmaskableアイコンはありますか?
Apple touch iconは180×180ですが、透過部分があり、iOSでは黒になります。マニフェストにmaskableアイコンがないため、Androidは通常のアイコンを縮小して白い円の上に置きます。