buzzfeed.comのファビコン
- 20合格
- 5警告
- 4不足
- 9任意
buzzfeed.comのメインのファビコンはfavicon-7283b1607609d4bbd1d2b7a688d2eca8.icoで、16、24、32、48、96 pxの画像を含むICOファイル(54.3 KB)です。アイコンファイルは9件見つかり、合計は190.8 KBです。Google検索ではtouch-icon-android.6f90f349a263fafae3843e9decf2812a.png(192×192のPNGファイル(5.9 KB))を使えます。サイトのスコアは100点満点中80点で、合格20件、警告5件、不足4件です。不足: SVGファビコン、192 pxのマニフェストアイコン、512 pxのマニフェストアイコンほか1件。
表示イメージ
見つかったファイルから生成しています。
iOSは透過部分を黒で塗りつぶします。アイコンに単色の背景を付けてください。
マニフェストにアイコンがないため、Androidはスクリーンショットか頭文字を使います。
マニフェストに512 pxのアイコンがないため、インストールのプロンプトもスプラッシュ画面も表示されません。
buzzfeed.comのファビコンファイル一覧
9件検出| ファイル | 検出元 | 形式 | サイズ | 容量 |
|---|---|---|---|---|
| favicon.ico | 既定のパス | ICO | 16, 32, 48, 64, 128 px | 97.3 KB |
| touch-icon-ios_60.e17fab1b0a360167a1ed607f87a7c484.png | rel="apple-touch-icon" | PNG | 60×60 | 1.6 KB |
| touch-icon-ios_76.783071d7c73bcb842b09569971ce83c1.png | rel="apple-touch-icon" | PNG | 76×76 | 2.1 KB |
| touch-icon-ios_120.208a0e329cd6e8d831b21ae17fb6aabb.png | rel="apple-touch-icon" | PNG | 120×120 | 3.5 KB |
| touch-icon-ios_152.9f7df7b0b9e9f4a1ac41d9f97c3e1a1e.png | rel="apple-touch-icon" | PNG | 152×152 | 4.5 KB |
| touch-icon-ios_180.aebdfe83e6ba1987581449f89d7b5489.png | rel="apple-touch-icon" | PNG | 180×180 | 5.5 KB |
| touch-icon-android.6f90f349a263fafae3843e9decf2812a.png | rel="icon" | PNG | 192×192 | 5.9 KB |
| favicon-7283b1607609d4bbd1d2b7a688d2eca8.ico | rel="icon" | ICO | 16, 24, 32, 48, 96 px | 54.3 KB |
| buzzfeed_webapp_logo.0ea3c59fd2aeb164cfdfe77e74ab3aa2.png | マニフェスト | PNG | 144×144 | 16.0 KB |
従来のファビコン
合格 2件 · 警告 1件favicon.ico
合格GET /favicon.ico · HTMLで宣言されていません(ルートで検出)
- 形式
- ICO(本物)
- 含まれる画像
- 16 · 32 · 48 · 64 · 128
- ファイルサイズ
- 97.3 KB
- HTTP
- 200
- Content-Type
- image/x-icon
- キャッシュ
- 12か月
PNG 196×196
警告<link rel="shortcut icon" sizes="196x196" href="/static-assets/img/touch-icon-android.6f90f349a263fafae3843e9decf2812a.png">
- 宣言値
- 196×196
- 実際の値
- 192×192
- 形式
- PNG
- ファイルサイズ
- 5.9 KB
- HTTP
- 200
- Content-Type
- image/png
宣言したサイズとファイルの実サイズが一致しません。小さいタブで、ブラウザーが誤ったアイコンを選ぶ場合があります。
ICO
合格<link rel="shortcut icon" crossorigin="" href="/static-assets/feed-ui/_next/static/images/favicon-7283b1607609d4bbd1d2b7a688d2eca8.ico" type="image/x-icon">
- 宣言値
- サイズ指定なし
- 実際の値
- 16 · 24 · 32 · 48 · 96
- 形式
- ICO
- ファイルサイズ
- 54.3 KB
- HTTP
- 200
- Content-Type
- image/vnd.microsoft.icon
SVGアイコン
不足 1件SVGファビコン
不足<link rel="icon" type="image/svg+xml" href="…"> – 見つかりません
SVGアイコンはどのサイズでも鮮明に表示され、ダークテーマのブラウザーでは色も切り替えられます。
Apple
警告 1件 · 任意 5件Apple touch icon 60×60
任意<link rel="apple-touch-icon" href="/static-assets/img/touch-icon-ios_60.e17fab1b0a360167a1ed607f87a7c484.png">
- 宣言値
- サイズ指定なし
- 実際の値
- 60×60
- 推奨
- 180×180
- 背景
- 未計測
- ファイルサイズ
- 1.6 KB
- HTTP
- 200
旧サイズです。現在のiOSは180 pxのアイコンを使います。
Apple touch icon 76×76
任意<link rel="apple-touch-icon" sizes="76x76" href="/static-assets/img/touch-icon-ios_76.783071d7c73bcb842b09569971ce83c1.png">
- 宣言値
- 76×76
- 実際の値
- 76×76
- 推奨
- 180×180
- 背景
- 未計測
- ファイルサイズ
- 2.1 KB
- HTTP
- 200
旧サイズです。現在のiOSは180 pxのアイコンを使います。
Apple touch icon 120×120
任意<link rel="apple-touch-icon" sizes="120x120" href="/static-assets/img/touch-icon-ios_120.208a0e329cd6e8d831b21ae17fb6aabb.png">
- 宣言値
- 120×120
- 実際の値
- 120×120
- 推奨
- 180×180
- 背景
- 未計測
- ファイルサイズ
- 3.5 KB
- HTTP
- 200
旧サイズです。現在のiOSは180 pxのアイコンを使います。
Apple touch icon 152×152
任意<link rel="apple-touch-icon" sizes="152x152" href="/static-assets/img/touch-icon-ios_152.9f7df7b0b9e9f4a1ac41d9f97c3e1a1e.png">
- 宣言値
- 152×152
- 実際の値
- 152×152
- 推奨
- 180×180
- 背景
- 未計測
- ファイルサイズ
- 4.5 KB
- HTTP
- 200
旧サイズです。現在のiOSは180 pxのアイコンを使います。
Apple touch icon
警告<link rel="apple-touch-icon" sizes="180x180" href="/static-assets/img/touch-icon-ios_180.aebdfe83e6ba1987581449f89d7b5489.png">
- 宣言値
- 180×180
- 実際の値
- 180×180
- 推奨
- 180×180
- 背景
- 透過
- ファイルサイズ
- 5.5 KB
- HTTP
- 200
iOSは透過部分を黒で塗りつぶします。アイコンに単色の背景を付けてください。
Safariのピン留めタブ(mask-icon)
任意<link rel="mask-icon" href="…" color="…"> – 見つかりません
旧仕様です。Safari 12以降は通常のファビコンを使うため、もう必須ではありません。
Webアプリマニフェスト
合格 1件manifest.json
合格<link rel="manifest" crossorigin="use-credentials" href="/manifest.json">
- HTTP
- 200
- Content-Type
- application/json
- JSON
- 有効
- ファイルサイズ
- 346 B
- 同一オリジン
- はい
- キャッシュ
- no-cache
マニフェストのフィールド
合格 3件 · 警告 3件 · 不足 3件 · 任意 1件- nameBuzzFeed
- short_nameBuzzFeed
- start_urlインストールしたアプリの起動時に開くページです。未設定
- display既定値は"browser"で、インストールできません。未設定
- theme_color#ee3322
- background_colorスプラッシュ画面の背景色です。未設定
- icons · 192×192Androidがホーム画面のアイコンに使います。なし
- icons · 512×512インストールのプロンプトとスプラッシュ画面に必要です。なし
- icons · purpose: maskableないと、Androidは通常のアイコンを縮小して白い円の上に置きます。なし
- id未設定
Google検索
合格 6件- 対応しているファイル形式PNG · touch-icon-android.6f90f349a263fafae3843e9decf2812a.png
- 正方形で8×8 px以上192×192
- 48×48 pxより大きい192 px
- トップページで宣言されているはい
- robots.txtでブロックされていない許可
- URLが安定しているリダイレクトなし
メタタグと旧仕様
合格 1件 · 任意 3件- theme-color#ee3322
- ダークモード用のtheme-colormedia="(prefers-color-scheme: dark)"未設定
- msapplication-TileColorWindowsのタイル用。旧仕様です。未設定
- browserconfig.xmlWindowsのタイル用。旧仕様です。なし
配信とパフォーマンス
合格 7件- すべてのアイコンがHTTPS9件中9件
- 混在コンテンツなしhttp://リンク 0件
- リンク切れなしエラー 0件
- キャッシュヘッダー9件中9件 · 1日以上
- アイコンの合計容量190.8 KB
- リダイレクト0
- 重複するタグなし
<head>内のアイコンタグ
<link rel="manifest" crossorigin="use-credentials" href="/manifest.json"> <link rel="apple-touch-icon" href="/static-assets/img/touch-icon-ios_60.e17fab1b0a360167a1ed607f87a7c484.png"> <link rel="apple-touch-icon" sizes="76x76" href="/static-assets/img/touch-icon-ios_76.783071d7c73bcb842b09569971ce83c1.png"> <link rel="apple-touch-icon" sizes="120x120" href="/static-assets/img/touch-icon-ios_120.208a0e329cd6e8d831b21ae17fb6aabb.png"> <link rel="apple-touch-icon" sizes="152x152" href="/static-assets/img/touch-icon-ios_152.9f7df7b0b9e9f4a1ac41d9f97c3e1a1e.png"> <link rel="apple-touch-icon" sizes="180x180" href="/static-assets/img/touch-icon-ios_180.aebdfe83e6ba1987581449f89d7b5489.png"> <link rel="shortcut icon" sizes="196x196" href="/static-assets/img/touch-icon-android.6f90f349a263fafae3843e9decf2812a.png"> <link rel="shortcut icon" crossorigin="" href="/static-assets/feed-ui/_next/static/images/favicon-7283b1607609d4bbd1d2b7a688d2eca8.ico" type="image/x-icon"> <meta name="theme-color" content="#ee3322">
buzzfeed.comのファビコンに関するQ&A
buzzfeed.comのファビコンはどこにありますか?
メインのファビコンはhttps://www.buzzfeed.com/static-assets/feed-ui/_next/static/images/favicon-7283b1607609d4bbd1d2b7a688d2eca8.icoにあります。既定のパスhttps://www.buzzfeed.com/favicon.icoからもアイコンが返されます。
buzzfeed.comのファビコンのサイズは?
favicon-7283b1607609d4bbd1d2b7a688d2eca8.icoは16, 24, 32, 48, 96 pxです。サイト内で最も大きいラスターアイコンはtouch-icon-android.6f90f349a263fafae3843e9decf2812a.pngで、192×192 pxです。
Google検索でbuzzfeed.comのファビコンは表示されますか?
サイトはGoogleの条件を満たしています。touch-icon-android.6f90f349a263fafae3843e9decf2812a.pngは192×192のPNGファイル(5.9 KB)で、robots.txtでも許可されています。実際に何を表示するかはGoogleが判断します。
buzzfeed.comにApple touch iconとmaskableアイコンはありますか?
Apple touch iconは180×180ですが、透過部分があり、iOSでは黒になります。マニフェストにmaskableアイコンがないため、Androidは通常のアイコンを縮小して白い円の上に置きます。