squarespace.com 的 favicon
- 13通过
- 5警告
- 2缺失
- 8可选
squarespace.com 的主 favicon 是 favicon.ico,一个含 16、24、32、48和128 px 图像的 ICO 文件(85.5 KB)。共找到 8 个图标文件,总大小 220.5 KB。Google 搜索可以使用 apple-touch-icon-1024.png,一个 1024×1024 的 PNG 文件(25.5 KB)。该网站得分 74/100:通过 13 项,警告 5 项,缺失 2 项。缺失:SVG favicon、Web 应用 manifest。
显示效果
根据找到的文件渲染。
深色图标在深色标签页上不明显。给 SVG 图标加一个深色模式版本即可解决。
iOS 会把透明区域填成黑色。请给图标加上纯色背景。
manifest 中没有图标,所以安卓会改用截图或一个字母。
manifest 中没有 512 px 图标,所以没有安装提示和启动画面。
squarespace.com 的所有 favicon 文件
找到 8 个| 文件 | 来源 | 格式 | 尺寸 | 体积 |
|---|---|---|---|---|
| favicon.ico | 默认路径 | ICO | 16, 24, 32, 48, 128 px | 85.5 KB |
| favicon.ico | rel="icon" | ICO | 16, 24, 32, 48, 128 px | 85.5 KB |
| favicon.ico | rel="icon" | WebP | 300×300 | 2.8 KB |
| apple-touch-icon-120.png | rel="apple-touch-icon" | PNG | 120×120 | 4.4 KB |
| apple-touch-icon-152.png | rel="apple-touch-icon" | PNG | 152×152 | 5.2 KB |
| apple-touch-icon-167.png | rel="apple-touch-icon" | PNG | 167×167 | 5.5 KB |
| apple-touch-icon-180.png | rel="apple-touch-icon" | PNG | 180×180 | 6.1 KB |
| apple-touch-icon-1024.png | rel="apple-touch-icon" | PNG | 1024×1024 | 25.5 KB |
经典 favicon
3 项警告favicon.ico
警告GET /favicon.ico · HTML 中未声明(在根目录找到)
- 格式
- ICO(真实)
- 包含
- 16 · 24 · 32 · 48 · 128
- 文件大小
- 85.5 KB
- HTTP
- 301 → 200
- Content-Type
- image/x-icon
- 缓存
- 12 个月
图标网址发生了重定向,而部分爬虫和 RSS 阅读器不会跟随图标的重定向。请直接在最终网址提供该文件。
ICO
警告<link rel="icon" type="image/x-icon" media="(prefers-color-scheme: light)" href="https://static1.squarespace.com/static/5134cbefe4b0c6fb04df8065/t/5be0b4d96d2a73f0ce4f95ff/favicon.ico">
- 声明
- 无尺寸
- 实际
- 16 · 24 · 32 · 48 · 128
- 格式
- ICO
- 文件大小
- 85.5 KB
- HTTP
- 301 → 200
- Content-Type
- image/x-icon
图标网址发生了重定向,而部分爬虫和 RSS 阅读器不会跟随图标的重定向。请直接在最终网址提供该文件。
WebP
警告<link rel="icon" type="image/x-icon" media="(prefers-color-scheme: dark)" href="https://static1.squarespace.com/static/5134cbefe4b0c6fb04df8065/t/6553aa5af16e670f2674a81d/favicon.ico">
- 声明
- 无尺寸
- 实际
- 300×300
- 格式
- WebP
- 文件大小
- 2.8 KB
- HTTP
- 301 → 200
- Content-Type
- image/webp
图标网址发生了重定向,而部分爬虫和 RSS 阅读器不会跟随图标的重定向。请直接在最终网址提供该文件。
SVG 图标
1 项缺失SVG favicon
缺失<link rel="icon" type="image/svg+xml" href="…"> – 未找到
SVG 图标在任何尺寸下都清晰,还能在深色浏览器主题下切换颜色。
Apple
1 项警告 · 5 项可选Apple touch icon 120×120
可选<link rel="apple-touch-icon" sizes="120x120" href="https://media-www.sqspcdn.com/logos/apple-touch-icon-120.png">
- 声明
- 120×120
- 实际
- 120×120
- 建议
- 180×180
- 背景
- 未测量
- 文件大小
- 4.4 KB
- HTTP
- 200
旧尺寸。当前的 iOS 使用 180 px 的图标。
Apple touch icon 152×152
可选<link rel="apple-touch-icon" sizes="152x152" href="https://media-www.sqspcdn.com/logos/apple-touch-icon-152.png">
- 声明
- 152×152
- 实际
- 152×152
- 建议
- 180×180
- 背景
- 未测量
- 文件大小
- 5.2 KB
- HTTP
- 200
旧尺寸。当前的 iOS 使用 180 px 的图标。
Apple touch icon 167×167
可选<link rel="apple-touch-icon" sizes="167x167" href="https://media-www.sqspcdn.com/logos/apple-touch-icon-167.png">
- 声明
- 167×167
- 实际
- 167×167
- 建议
- 180×180
- 背景
- 未测量
- 文件大小
- 5.5 KB
- HTTP
- 200
旧尺寸。当前的 iOS 使用 180 px 的图标。
Apple touch icon
警告<link rel="apple-touch-icon" sizes="180x180" href="https://media-www.sqspcdn.com/logos/apple-touch-icon-180.png">
- 声明
- 180×180
- 实际
- 180×180
- 建议
- 180×180
- 背景
- 透明
- 文件大小
- 6.1 KB
- HTTP
- 200
iOS 会把透明区域填成黑色。请给图标加上纯色背景。
Apple touch icon 1024×1024
可选<link rel="apple-touch-icon" sizes="1024x1024" href="https://media-www.sqspcdn.com/logos/apple-touch-icon-1024.png">
- 声明
- 1024×1024
- 实际
- 1024×1024
- 建议
- 180×180
- 背景
- 未测量
- 文件大小
- 25.5 KB
- HTTP
- 200
旧尺寸。当前的 iOS 使用 180 px 的图标。
Safari 固定标签页(mask-icon)
可选<link rel="mask-icon" href="…" color="…"> – 未找到
旧标签。Safari 12 及以上使用常规 favicon,所以不再需要它。
Web 应用 manifest 文件
1 项缺失Web 应用 manifest
缺失<link rel="manifest" href="…"> – 未找到
安卓和可安装的 Web 应用从 manifest 中读取图标、名称和颜色。
Google 搜索
6 项通过- 支持的文件格式PNG · apple-touch-icon-1024.png
- 正方形,至少 8×8 px1024×1024
- 大于 48×48 px1024 px
- 在首页中声明是
- 未被 robots.txt 屏蔽允许
- 网址稳定无重定向
Meta 与旧版
1 项通过 · 3 项可选- theme-colorwhite
- 深色模式的 theme-colormedia="(prefers-color-scheme: dark)"未设置
- msapplication-TileColorWindows 磁贴,旧版。未设置
- browserconfig.xmlWindows 磁贴,旧版。未找到
传输与性能
6 项通过 · 1 项警告- 所有图标使用 HTTPS8 / 8
- 没有混合内容0 个 http:// 链接
- 没有失效链接0 个错误
- 缓存头8 / 8 · ≥ 1 天
- 图标总体积220.5 KB
- 重定向/favicon.ico → https://images.squarespace-cdn.com/content/5134cbefe4b0c6fb04df8065/1541453017272-VW5DX9K6F21C7VZZTZYR/sqsp-favicon.ico?format=50w&content-type=image%2Fx-icon3
- 重复的标签无
在 <head> 中找到的图标标签
<link rel="icon" type="image/x-icon" media="(prefers-color-scheme: light)" href="https://static1.squarespace.com/static/5134cbefe4b0c6fb04df8065/t/5be0b4d96d2a73f0ce4f95ff/favicon.ico"> <link rel="icon" type="image/x-icon" media="(prefers-color-scheme: dark)" href="https://static1.squarespace.com/static/5134cbefe4b0c6fb04df8065/t/6553aa5af16e670f2674a81d/favicon.ico"> <link rel="apple-touch-icon" sizes="120x120" href="https://media-www.sqspcdn.com/logos/apple-touch-icon-120.png"> <link rel="apple-touch-icon" sizes="152x152" href="https://media-www.sqspcdn.com/logos/apple-touch-icon-152.png"> <link rel="apple-touch-icon" sizes="167x167" href="https://media-www.sqspcdn.com/logos/apple-touch-icon-167.png"> <link rel="apple-touch-icon" sizes="180x180" href="https://media-www.sqspcdn.com/logos/apple-touch-icon-180.png"> <link rel="apple-touch-icon" sizes="1024x1024" href="https://media-www.sqspcdn.com/logos/apple-touch-icon-1024.png"> <meta name="theme-color" content="white">
关于 squarespace.com favicon 的常见问题
squarespace.com 的 favicon 在哪里?
主 favicon 位于 https://static1.squarespace.com/static/5134cbefe4b0c6fb04df8065/t/5be0b4d96d2a73f0ce4f95ff/favicon.ico。默认路径 https://www.squarespace.com/favicon.ico 也返回了一个图标。
squarespace.com 的 favicon 尺寸是多少?
favicon.ico 的尺寸是 16, 24, 32, 48, 128 px。该网站最大的位图图标是 apple-touch-icon-1024.png,1024×1024 px。
Google 搜索能显示 squarespace.com 的 favicon 吗?
该网站符合 Google 的要求:apple-touch-icon-1024.png 是一个 1024×1024 的 PNG 文件(25.5 KB),且 robots.txt 允许访问。最终显示什么,仍由 Google 决定。
squarespace.com 有 Apple touch icon 和 maskable 图标吗?
Apple touch icon 的尺寸是 180×180,带有透明区域,iOS 会把这些区域变成黑色。没有可读取的 Web 应用 manifest,因此也没有 maskable 图标。