grammarly.com 的 favicon
- 15通过
- 1警告
- 4缺失
- 5可选
grammarly.com 的主 favicon 是 favicon-32x32.png,一个 32×32 的 PNG 文件(1.7 KB)。共找到 3 个图标文件,总大小 17.5 KB。Google 搜索可以使用 favicon.ico,一个含 16、32和48 px 图像的 ICO 文件(15.0 KB)。该网站得分 70/100:通过 15 项,警告 1 项,缺失 4 项。缺失:favicon.ico、SVG favicon、Apple touch icon,另有 1 项。
显示效果
根据找到的文件渲染。
没有它,iOS 会在主屏幕上使用页面截图或一个字母。
manifest 中没有图标,所以安卓会改用截图或一个字母。
manifest 中没有 512 px 图标,所以没有安装提示和启动画面。
grammarly.com 的所有 favicon 文件
找到 3 个| 文件 | 来源 | 格式 | 尺寸 | 体积 |
|---|---|---|---|---|
| favicon.ico | rel="icon" | ICO | 16, 32, 48 px | 15.0 KB |
| favicon-16x16.png | rel="icon" | PNG | 16×16 | 736 B |
| favicon-32x32.png | rel="icon" | PNG | 32×32 | 1.7 KB |
经典 favicon
3 项通过 · 1 项缺失favicon.ico
缺失GET /favicon.ico – 未找到
- HTTP
- 200
即使 HTML 声明了其他图标,浏览器、RSS 阅读器和许多爬虫仍会请求 /favicon.ico。该网址返回的不是图片。
ICO
通过<link rel="icon" type="image/x-icon" href="https://static-web.grammarly.com/cms/master/public/favicon.ico" data-next-head="">
- 声明
- 无尺寸
- 实际
- 16 · 32 · 48
- 格式
- ICO
- 文件大小
- 15.0 KB
- HTTP
- 200
- Content-Type
- image/vnd.microsoft.icon
PNG 16×16
通过<link rel="icon" type="image/png" sizes="16x16" href="https://static-web.grammarly.com/cms/master/public/favicon-16x16.png" data-next-head="">
- 声明
- 16×16
- 实际
- 16×16
- 格式
- PNG
- 文件大小
- 736 B
- HTTP
- 200
- Content-Type
- image/png
PNG 32×32
通过<link rel="icon" type="image/png" sizes="32x32" href="https://static-web.grammarly.com/cms/master/public/favicon-32x32.png" data-next-head="">
- 声明
- 32×32
- 实际
- 32×32
- 格式
- PNG
- 文件大小
- 1.7 KB
- HTTP
- 200
- Content-Type
- image/png
SVG 图标
1 项缺失SVG favicon
缺失<link rel="icon" type="image/svg+xml" href="…"> – 未找到
SVG 图标在任何尺寸下都清晰,还能在深色浏览器主题下切换颜色。
Apple
1 项缺失 · 1 项可选Apple touch icon
缺失<link rel="apple-touch-icon" href="…"> – 未找到
没有它,iOS 会在主屏幕上使用页面截图或一个字母。
Safari 固定标签页(mask-icon)
可选<link rel="mask-icon" href="…" color="…"> – 未找到
旧标签。Safari 12 及以上使用常规 favicon,所以不再需要它。
Web 应用 manifest 文件
1 项缺失Web 应用 manifest
缺失<link rel="manifest" href="…"> – 未找到
安卓和可安装的 Web 应用从 manifest 中读取图标、名称和颜色。
Google 搜索
5 项通过 · 1 项警告- 支持的文件格式ICO · favicon.ico
- 正方形,至少 8×8 px48×48
- 大于 48×48 pxGoogle 建议大于 48×48,图标才清晰。声明一个 96×96 的 PNG,或使用 180 px 的 Apple touch icon 都可以。48 px
- 在首页中声明是
- 未被 robots.txt 屏蔽允许
- 网址稳定无重定向
Meta 与旧版
4 项可选- theme-color为手机上的浏览器界面着色。未设置
- 深色模式的 theme-colormedia="(prefers-color-scheme: dark)"未设置
- msapplication-TileColorWindows 磁贴,旧版。未设置
- browserconfig.xmlWindows 磁贴,旧版。未找到
传输与性能
7 项通过- 所有图标使用 HTTPS3 / 3
- 没有混合内容0 个 http:// 链接
- 没有失效链接0 个错误
- 缓存头3 / 3 · ≥ 1 天
- 图标总体积17.5 KB
- 重定向0
- 重复的标签无
在 <head> 中找到的图标标签
<link rel="icon" type="image/x-icon" href="https://static-web.grammarly.com/cms/master/public/favicon.ico" data-next-head=""> <link rel="icon" type="image/png" sizes="16x16" href="https://static-web.grammarly.com/cms/master/public/favicon-16x16.png" data-next-head=""> <link rel="icon" type="image/png" sizes="32x32" href="https://static-web.grammarly.com/cms/master/public/favicon-32x32.png" data-next-head="">
关于 grammarly.com favicon 的常见问题
grammarly.com 的 favicon 在哪里?
主 favicon 位于 https://static-web.grammarly.com/cms/master/public/favicon-32x32.png。
grammarly.com 的 favicon 尺寸是多少?
favicon-32x32.png 的尺寸是 32×32。该网站最大的位图图标是 favicon.ico,48×48 px。
Google 搜索能显示 grammarly.com 的 favicon 吗?
该网站符合 Google 的要求:favicon.ico 是一个含 16、32和48 px 图像的 ICO 文件(15.0 KB),且 robots.txt 允许访问。Google 建议图标大于 48×48 px,更大的图标会更清晰。最终显示什么,仍由 Google 决定。
grammarly.com 有 Apple touch icon 和 maskable 图标吗?
没有 Apple touch icon,所以 iOS 会改用页面截图或一个字母。没有可读取的 Web 应用 manifest,因此也没有 maskable 图标。