netlify.com 的 favicon
- 17通过
- 8警告
- 2缺失
- 6可选
netlify.com 的主 favicon 是 icon.svg,一个 1.3 KB 的 SVG 文件。共找到 6 个图标文件,总大小 37.3 KB。Google 搜索可以使用 apple-touch-icon.png,一个 180×180 的 PNG 文件(1.4 KB)。该网站得分 78/100:通过 17 项,警告 8 项,缺失 2 项。缺失:name、maskable manifest 图标。
显示效果
根据找到的文件渲染。
浏览器标签页 · 浅色通过
浏览器标签页 · 深色通过
这个 SVG 会在深色主题下切换颜色。
Netlifyhttps://www.netlify.com
Google 搜索通过
Netlify
iOS 主屏幕通过
安卓 · maskable缺失
没有 maskable 图标,所以安卓会把常规图标缩小后放在白色圆形上。
PWA 安装与启动画面通过
netlify.com 的所有 favicon 文件
找到 6 个| 文件 | 来源 | 格式 | 尺寸 | 体积 |
|---|---|---|---|---|
| favicon.ico | 默认路径 | ICO | 16, 32, 48 px | 14.7 KB |
| favicon.ico | rel="icon" | ICO | 16, 32, 48 px | 14.7 KB |
| icon.svg | rel="icon" | SVG | 矢量 | 1.3 KB |
| apple-touch-icon.png | rel="apple-touch-icon" | PNG | 180×180 | 1.4 KB |
| icon-192.png | manifest | PNG | 192×192 | 1.4 KB |
| icon-512.png | manifest | PNG | 512×512 | 3.7 KB |
经典 favicon
1 项通过 · 1 项警告favicon.ico
警告GET /favicon.ico · HTML 中未声明(在根目录找到)
- 格式
- ICO(真实)
- 包含
- 16 · 32 · 48
- 文件大小
- 14.7 KB
- HTTP
- 301 → 200
- Content-Type
- image/vnd.microsoft.icon
- 缓存
- 4 小时
图标网址发生了重定向,而部分爬虫和 RSS 阅读器不会跟随图标的重定向。请直接在最终网址提供该文件。
ICO 32×32
通过<link rel="icon" href="/favicon/favicon.ico" sizes="32x32">
- 声明
- 32×32
- 实际
- 16 · 32 · 48
- 格式
- ICO
- 文件大小
- 14.7 KB
- HTTP
- 200
- Content-Type
- image/vnd.microsoft.icon
SVG 图标
1 项通过SVG favicon
通过<link rel="icon" href="/favicon/icon.svg" type="image/svg+xml">
- 正方形 viewBox
- 是
- 深色模式
- 是
- 脚本
- 无
- 文件大小
- 1.3 KB
- HTTP
- 200
- Content-Type
- image/svg+xml
Apple
1 项通过 · 1 项可选Apple touch icon
通过<link rel="apple-touch-icon" href="/favicon/apple-touch-icon.png">
- 声明
- 无尺寸
- 实际
- 180×180
- 建议
- 180×180
- 背景
- 不透明
- 文件大小
- 1.4 KB
- HTTP
- 200
mask
Safari 固定标签页(mask-icon)
可选<link rel="mask-icon" href="…" color="…"> – 未找到
旧标签。Safari 12 及以上使用常规 favicon,所以不再需要它。
Web 应用 manifest 文件
1 项警告json
site.webmanifest
警告<link rel="manifest" href="/site.webmanifest" crossorigin="use-credentials">
- HTTP
- 200
- Content-Type
- application/octet-stream
- JSON
- 有效
- 文件大小
- 180 B
- 同源
- 是
- 缓存
- 0 秒
请以 application/manifest+json 提供 manifest。
Manifest 字段
2 项通过 · 4 项警告 · 2 项缺失 · 2 项可选- name网站安装后显示在图标下方。未设置
- short_namename 太长时,主屏幕上改用它。未设置
- start_url已安装的应用启动时打开的页面。未设置
- display默认值是 "browser",该值下无法安装。未设置
- theme_color为已安装应用的标题栏着色。未设置
- background_color启动画面的背景色。未设置
- icons · 192×192PNG · 1.4 KB · 200
- icons · 512×512PNG · 3.7 KB · 200
- icons · purpose: maskable没有它,安卓会把你的图标缩小后放在白色圆形上。未找到
- id未设置
Google 搜索
6 项通过- 支持的文件格式PNG · apple-touch-icon.png
- 正方形,至少 8×8 px180×180
- 大于 48×48 px180 px
- 在首页中声明是
- 未被 robots.txt 屏蔽允许
- 网址稳定无重定向
Meta 与旧版
1 项通过 · 3 项可选- theme-color#ffffff
- 深色模式的 theme-colormedia="(prefers-color-scheme: dark)"未设置
- msapplication-TileColorWindows 磁贴,旧版。未设置
- browserconfig.xmlWindows 磁贴,旧版。未找到
传输与性能
5 项通过 · 2 项警告- 所有图标使用 HTTPS6 / 6
- 没有混合内容0 个 http:// 链接
- 没有失效链接0 个错误
- 缓存头图标很少改动,请至少缓存一天。0 / 6 · ≥ 1 天
- 图标总体积37.3 KB
- 重定向/favicon.ico → /favicon/favicon.ico1
- 重复的标签无
在 <head> 中找到的图标标签
<link rel="icon" href="/favicon/favicon.ico" sizes="32x32"> <link rel="icon" href="/favicon/icon.svg" type="image/svg+xml"> <link rel="apple-touch-icon" href="/favicon/apple-touch-icon.png"> <link rel="manifest" href="/site.webmanifest" crossorigin="use-credentials"> <meta name="theme-color" content="#ffffff">
关于 netlify.com favicon 的常见问题
netlify.com 的 favicon 在哪里?
主 favicon 位于 https://www.netlify.com/favicon/icon.svg。默认路径 https://www.netlify.com/favicon.ico 也返回了一个图标。
netlify.com 的 favicon 尺寸是多少?
icon.svg 是矢量文件,可缩放到任意尺寸。该网站最大的位图图标是 icon-512.png,512×512 px。
Google 搜索能显示 netlify.com 的 favicon 吗?
该网站符合 Google 的要求:apple-touch-icon.png 是一个 180×180 的 PNG 文件(1.4 KB),且 robots.txt 允许访问。最终显示什么,仍由 Google 决定。
netlify.com 有 Apple touch icon 和 maskable 图标吗?
Apple touch icon 的尺寸是 180×180。manifest 中没有 maskable 图标,所以安卓会把常规图标缩小后放在白色圆形上。