favicon-checker.com

cdc.govのファビコン

https://www.cdc.gov/index.html · リダイレクト 2回 · 確認日

  • 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のマニフェストアイコン、リンク切れなし。

表示イメージ

見つかったファイルから生成しています。

Centers for Disease Control and Prevention | CDC
ブラウザータブ · ライト合格
Centers for Disease Control and Prevention | CDC
ブラウザータブ · ダーク合格
cdc.govhttps://www.cdc.gov
Centers for Disease Control and Prevention | CDC
Google検索合格
CDC.gov
iOSのホーム画面警告

iOSは透過部分を黒で塗りつぶします。アイコンに単色の背景を付けてください。

Android · maskable不足

maskableアイコンがないため、Androidは通常のアイコンを縮小して白い円の上に置きます。

Centers for Disease Control and Prevention
PWAのインストールとスプラッシュ合格

cdc.govのファビコンファイル一覧

12件検出
ファイル検出元形式サイズ容量
favicon.ico既定のパスICO16, 32, 48 px14.7 KB
apple-touch-icon.pngrel="apple-touch-icon"PNG180×1801.4 KB
favicon-32x32.pngrel="icon"PNG32×32539 B
favicon-16x16.pngrel="icon"PNG16×16432 B
safari-pinned-tab.svgrel="mask-icon"SVGベクター1.9 KB
favicon-192x192.pngマニフェストPNG192×1925.5 KB
favicon-512x512.pngマニフェストPNG512×51215.3 KB
favicon-48x48.pngマニフェストPNG48×481.4 KB
favicon-72x72.pngマニフェストPNG72×722.0 KB
favicon-96x96.pngマニフェストPNG96×962.7 KB
favicon-144x144.pngマニフェストPNG144×1444.1 KB
favicon-256x256.pngマニフェストPNG256×2567.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

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件
json

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件
  • name
    Centers for Disease Control and Prevention
  • short_name
    CDC.gov
  • start_urlインストールしたアプリの起動時に開くページです。
    未設定
  • display
    standalone
  • theme_color
    #075290
  • background_color
    #ffffff
  • icons · 192×192
    PNG · 5.5 KB · 200
  • icons · 512×512
    PNG · 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件
  • すべてのアイコンがHTTPS
    12件中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は通常のアイコンを縮小して白い円の上に置きます。

ほかのファビコンレポート

チェック済みサイト一覧