favicon-checker.com

netlify.com 的 favicon

https://www.netlify.com/ · 1 次重定向 · 检测于

  • 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 图标。

显示效果

根据找到的文件渲染。

Push your ideas to the web | Netlify
浏览器标签页 · 浅色通过
Push your ideas to the web | Netlify
浏览器标签页 · 深色通过

这个 SVG 会在深色主题下切换颜色。

Netlifyhttps://www.netlify.com
Push your ideas to the web | Netlify Create with AI or code, deploy instantly on production infrastructure. One platform to build and ship.
Google 搜索通过
Netlify
iOS 主屏幕通过
安卓 · maskable缺失

没有 maskable 图标,所以安卓会把常规图标缩小后放在白色圆形上。

PWA 安装与启动画面通过

netlify.com 的所有 favicon 文件

找到 6 个
文件来源格式尺寸体积
favicon.ico默认路径ICO16, 32, 48 px14.7 KB
favicon.icorel="icon"ICO16, 32, 48 px14.7 KB
icon.svgrel="icon"SVG矢量1.3 KB
apple-touch-icon.pngrel="apple-touch-icon"PNG180×1801.4 KB
icon-192.pngmanifestPNG192×1921.4 KB
icon-512.pngmanifestPNG512×5123.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×192
    PNG · 1.4 KB · 200
  • icons · 512×512
    PNG · 3.7 KB · 200
  • icons · purpose: maskable没有它,安卓会把你的图标缩小后放在白色圆形上。
    未找到
  • id
    未设置

Google 搜索

6 项通过
  • 支持的文件格式
    PNG · apple-touch-icon.png
  • 正方形,至少 8×8 px
    180×180
  • 大于 48×48 px
    180 px
  • 在首页中声明
    是
  • 未被 robots.txt 屏蔽
    允许
  • 网址稳定
    无重定向

Meta 与旧版

1 项通过 · 3 项可选
  • theme-color
    #ffffff
  • 深色模式的 theme-colormedia="(prefers-color-scheme: dark)"
    未设置
  • msapplication-TileColorWindows 磁贴,旧版。
    未设置
  • browserconfig.xmlWindows 磁贴,旧版。
    未找到

传输与性能

5 项通过 · 2 项警告
  • 所有图标使用 HTTPS
    6 / 6
  • 没有混合内容
    0 个 http:// 链接
  • 没有失效链接
    0 个错误
  • 缓存头图标很少改动,请至少缓存一天。
    0 / 6 · ≥ 1 天
  • 图标总体积
    37.3 KB
  • 重定向/favicon.ico → /favicon/favicon.ico
    1
  • 重复的标签
    无

在 <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 图标,所以安卓会把常规图标缩小后放在白色圆形上。

更多 favicon 检测报告

所有已检测的网站