浅色图标在浅色标签页上不明显。请加上描边或背景。
snapchat.com 的 favicon
- 15通过
- 1警告
- 5缺失
- 3可选
snapchat.com 的主 favicon 是 favicon.ico,一个含 16、32和48 px 图像的 ICO 文件(15.0 KB)。共找到 2 个图标文件,总大小 17.6 KB。Google 搜索可以使用 apple-touch-icon.png,一个 180×180 的 PNG 文件(2.6 KB)。该网站得分 70/100:通过 15 项,警告 1 项,缺失 5 项。缺失:PNG 192×192、SVG favicon、Apple touch icon,另有 2 项。
显示效果
根据找到的文件渲染。
浏览器标签页 · 浅色警告
浏览器标签页 · 深色通过
Snapchathttps://www.snapchat.com
Google 搜索通过
Snapchat
iOS 主屏幕通过
512
安卓 · maskable缺失
manifest 中没有图标,所以安卓会改用截图或一个字母。
splash
PWA 安装与启动画面缺失
manifest 中没有 512 px 图标,所以没有安装提示和启动画面。
snapchat.com 的所有 favicon 文件
找到 2 个| 文件 | 来源 | 格式 | 尺寸 | 体积 |
|---|---|---|---|---|
| favicon.ico | rel="icon" · 默认路径 | ICO | 16, 32, 48 px | 15.0 KB |
| apple-touch-icon.png | rel="apple-touch-icon" · 默认路径 | PNG | 180×180 | 2.6 KB |
经典 favicon
1 项通过 · 1 项缺失favicon.ico
通过<link rel="icon" href="/favicon.ico" type="image/x-icon">
- 格式
- ICO(真实)
- 包含
- 16 · 32 · 48
- 文件大小
- 15.0 KB
- HTTP
- 200
- Content-Type
- image/x-icon
- 缓存
- 4 小时
404
PNG 192×192
缺失<link rel="icon" href="/favicon-192x192.png" type="image/png" sizes="192x192">
- HTTP
- 404
该文件返回 HTTP 404。
SVG 图标
1 项缺失svg
SVG favicon
缺失<link rel="icon" href="/favicon.svg" type="image/svg+xml">
该文件返回 HTTP 404。
Apple
1 项通过 · 1 项缺失 · 1 项可选Apple touch icon
通过<link rel="apple-touch-icon" href="/apple-touch-icon.png" sizes="180x180">
- 声明
- 180×180
- 实际
- 180×180
- 建议
- 180×180
- 背景
- 不透明
- 文件大小
- 2.6 KB
- HTTP
- 200
180
Apple touch icon
缺失<link rel="apple-touch-icon" href="/apple-touch-icon-yellow-192.png" sizes="192x192">
该文件返回 HTTP 404。
mask
Safari 固定标签页(mask-icon)
可选<link rel="mask-icon" href="…" color="…"> – 未找到
旧标签。Safari 12 及以上使用常规 favicon,所以不再需要它。
Web 应用 manifest 文件
1 项缺失json
Web 应用 manifest
缺失<link rel="manifest" href="…"> – 未找到
安卓和可安装的 Web 应用从 manifest 中读取图标、名称和颜色。
Google 搜索
6 项通过- 支持的文件格式PNG · apple-touch-icon.png
- 正方形,至少 8×8 px180×180
- 大于 48×48 px180 px
- 在首页中声明是
- 未被 robots.txt 屏蔽允许
- 网址稳定无重定向
Meta 与旧版
2 项通过 · 2 项可选- theme-color#ffffff
- 深色模式的 theme-color#121212
- msapplication-TileColorWindows 磁贴,旧版。未设置
- browserconfig.xmlWindows 磁贴,旧版。未找到
传输与性能
5 项通过 · 1 项警告 · 1 项缺失- 所有图标使用 HTTPS2 / 2
- 没有混合内容0 个 http:// 链接
- 没有失效链接/favicon.svg, /favicon-192x192.png, /apple-touch-icon-yellow-192.png3 个错误
- 缓存头图标很少改动,请至少缓存一天。0 / 2 · ≥ 1 天
- 图标总体积17.6 KB
- 重定向0
- 重复的标签无
在 <head> 中找到的图标标签
<link rel="icon" href="/favicon.svg" type="image/svg+xml"> <link rel="icon" href="/favicon-192x192.png" type="image/png" sizes="192x192"> <link rel="icon" href="/favicon.ico" type="image/x-icon"> <link rel="apple-touch-icon" href="/apple-touch-icon.png" sizes="180x180"> <link rel="apple-touch-icon" href="/apple-touch-icon-yellow-192.png" sizes="192x192"> <meta name="theme-color" content="#ffffff" media="(prefers-color-scheme: light)"> <meta name="theme-color" content="#121212" media="(prefers-color-scheme: dark)">
关于 snapchat.com favicon 的常见问题
snapchat.com 的 favicon 在哪里?
主 favicon 位于 https://www.snapchat.com/favicon.ico。
snapchat.com 的 favicon 尺寸是多少?
favicon.ico 的尺寸是 16, 32, 48 px。该网站最大的位图图标是 apple-touch-icon.png,180×180 px。
Google 搜索能显示 snapchat.com 的 favicon 吗?
该网站符合 Google 的要求:apple-touch-icon.png 是一个 180×180 的 PNG 文件(2.6 KB),且 robots.txt 允许访问。最终显示什么,仍由 Google 决定。
snapchat.com 有 Apple touch icon 和 maskable 图标吗?
Apple touch icon 的尺寸是 180×180。没有可读取的 Web 应用 manifest,因此也没有 maskable 图标。