buzzfeed.com 的 favicon
- 20通过
- 5警告
- 4缺失
- 9可选
buzzfeed.com 的主 favicon 是 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)。该网站得分 80/100:通过 20 项,警告 5 项,缺失 4 项。缺失:SVG favicon、192 px manifest 图标、512 px manifest 图标,另有 1 项。
显示效果
根据找到的文件渲染。
iOS 会把透明区域填成黑色。请给图标加上纯色背景。
manifest 中没有图标,所以安卓会改用截图或一个字母。
manifest 中没有 512 px 图标,所以没有安装提示和启动画面。
buzzfeed.com 的所有 favicon 文件
找到 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 | manifest | PNG | 144×144 | 16.0 KB |
经典 favicon
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 favicon
缺失<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 及以上使用常规 favicon,所以不再需要它。
Web 应用 manifest 文件
1 项通过manifest.json
通过<link rel="manifest" crossorigin="use-credentials" href="/manifest.json">
- HTTP
- 200
- Content-Type
- application/json
- JSON
- 有效
- 文件大小
- 346 B
- 同源
- 是
- 缓存
- no-cache
Manifest 字段
3 项通过 · 3 项警告 · 3 项缺失 · 1 项可选- nameBuzzFeed
- short_nameBuzzFeed
- start_url已安装的应用启动时打开的页面。未设置
- display默认值是 "browser",该值下无法安装。未设置
- theme_color#ee3322
- background_color启动画面的背景色。未设置
- icons · 192×192安卓用它作主屏幕图标。未找到
- icons · 512×512安装提示和启动画面需要它。未找到
- icons · purpose: maskable没有它,安卓会把你的图标缩小后放在白色圆形上。未找到
- id未设置
Google 搜索
6 项通过- 支持的文件格式PNG · touch-icon-android.6f90f349a263fafae3843e9decf2812a.png
- 正方形,至少 8×8 px192×192
- 大于 48×48 px192 px
- 在首页中声明是
- 未被 robots.txt 屏蔽允许
- 网址稳定无重定向
Meta 与旧版
1 项通过 · 3 项可选- theme-color#ee3322
- 深色模式的 theme-colormedia="(prefers-color-scheme: dark)"未设置
- msapplication-TileColorWindows 磁贴,旧版。未设置
- browserconfig.xmlWindows 磁贴,旧版。未找到
传输与性能
7 项通过- 所有图标使用 HTTPS9 / 9
- 没有混合内容0 个 http:// 链接
- 没有失效链接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 favicon 的常见问题
buzzfeed.com 的 favicon 在哪里?
主 favicon 位于 https://www.buzzfeed.com/static-assets/feed-ui/_next/static/images/favicon-7283b1607609d4bbd1d2b7a688d2eca8.ico。默认路径 https://www.buzzfeed.com/favicon.ico 也返回了一个图标。
buzzfeed.com 的 favicon 尺寸是多少?
favicon-7283b1607609d4bbd1d2b7a688d2eca8.ico 的尺寸是 16, 24, 32, 48, 96 px。该网站最大的位图图标是 touch-icon-android.6f90f349a263fafae3843e9decf2812a.png,192×192 px。
Google 搜索能显示 buzzfeed.com 的 favicon 吗?
该网站符合 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 会把这些区域变成黑色。manifest 中没有 maskable 图标,所以安卓会把常规图标缩小后放在白色圆形上。