canva.com 的 favicon
- 13通过
- 4警告
- 2缺失
- 8可选
canva.com 的主 favicon 是 favicon-1.ico,一个含 32 px 图像的 ICO 文件(4.3 KB)。共找到 7 个图标文件,总大小 35.2 KB。Google 搜索可以使用 apple-touch-152x152-1.png,一个 152×152 的 PNG 文件(15.6 KB)。该网站得分 76/100:通过 13 项,警告 4 项,缺失 2 项。缺失:SVG favicon、Web 应用 manifest。
显示效果
根据找到的文件渲染。
iOS 需要 PNG,而这个文件是 WebP。
manifest 中没有图标,所以安卓会改用截图或一个字母。
manifest 中没有 512 px 图标,所以没有安装提示和启动画面。
canva.com 的所有 favicon 文件
找到 7 个| 文件 | 来源 | 格式 | 尺寸 | 体积 |
|---|---|---|---|---|
| favicon.ico | 默认路径 | ICO | 32 px | 4.3 KB |
| favicon-1.ico | rel="icon" | ICO | 32 px | 4.3 KB |
| android-192x192-2.png | rel="icon" | WebP | 193×192 | 4.5 KB |
| apple-touch-120x120-1.png | rel="apple-touch-icon" | WebP | 120×120 | 1.7 KB |
| apple-touch-152x152-1.png | rel="apple-touch-icon" | PNG | 152×152 | 15.6 KB |
| apple-touch-167x167-1.png | rel="apple-touch-icon" | WebP | 167×167 | 2.3 KB |
| apple-touch-180x180-1.png | rel="apple-touch-icon" | WebP | 180×180 | 2.5 KB |
经典 favicon
1 项通过 · 2 项警告favicon.ico
警告GET /favicon.ico · HTML 中未声明(在根目录找到)
- 格式
- ICO(真实)
- 包含
- 32
- 文件大小
- 4.3 KB
- HTTP
- 301 → 200
- Content-Type
- image/vnd.microsoft.icon
- 缓存
- 12 个月
图标网址发生了重定向,而部分爬虫和 RSS 阅读器不会跟随图标的重定向。请直接在最终网址提供该文件。
ICO
通过<link rel="shortcut icon" href="https://static.canva.com/domain-assets/canva/static/images/favicon-1.ico">
- 声明
- 无尺寸
- 实际
- 32
- 格式
- ICO
- 文件大小
- 4.3 KB
- HTTP
- 200
- Content-Type
- image/vnd.microsoft.icon
WebP 192×192
警告<link rel="icon" href="https://static.canva.com/domain-assets/canva/static/images/android-192x192-2.png" sizes="192x192">
- 声明
- 192×192
- 实际
- 193×192
- 格式
- WebP
- 文件大小
- 4.5 KB
- HTTP
- 200
- Content-Type
- image/webp
声明的尺寸与文件不符,浏览器在小标签页中可能选错图标。图标不是正方形,浏览器会将其压扁或补边。
SVG 图标
1 项缺失SVG favicon
缺失<link rel="icon" type="image/svg+xml" href="…"> – 未找到
SVG 图标在任何尺寸下都清晰,还能在深色浏览器主题下切换颜色。
Apple
1 项警告 · 4 项可选Apple touch icon 120×120
可选<link rel="apple-touch-icon" href="https://static.canva.com/domain-assets/canva/static/images/apple-touch-120x120-1.png">
- 声明
- 无尺寸
- 实际
- 120×120
- 建议
- 180×180
- 背景
- 未测量
- 文件大小
- 1.7 KB
- HTTP
- 200
旧尺寸。当前的 iOS 使用 180 px 的图标。
Apple touch icon 152×152
可选<link rel="apple-touch-icon" href="https://static.canva.com/domain-assets/canva/static/images/apple-touch-152x152-1.png" sizes="152x152">
- 声明
- 152×152
- 实际
- 152×152
- 建议
- 180×180
- 背景
- 未测量
- 文件大小
- 15.6 KB
- HTTP
- 200
旧尺寸。当前的 iOS 使用 180 px 的图标。
Apple touch icon 167×167
可选<link rel="apple-touch-icon" href="https://static.canva.com/domain-assets/canva/static/images/apple-touch-167x167-1.png" sizes="167x167">
- 声明
- 167×167
- 实际
- 167×167
- 建议
- 180×180
- 背景
- 未测量
- 文件大小
- 2.3 KB
- HTTP
- 200
旧尺寸。当前的 iOS 使用 180 px 的图标。
Apple touch icon
警告<link rel="apple-touch-icon" href="https://static.canva.com/domain-assets/canva/static/images/apple-touch-180x180-1.png" sizes="180x180">
- 声明
- 180×180
- 实际
- 180×180
- 建议
- 180×180
- 背景
- 未测量
- 文件大小
- 2.5 KB
- HTTP
- 200
iOS 需要 PNG,而这个文件是 WebP。
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-152x152-1.png
- 正方形,至少 8×8 px152×152
- 大于 48×48 px152 px
- 在首页中声明是
- 未被 robots.txt 屏蔽允许
- 网址稳定无重定向
Meta 与旧版
4 项可选- theme-color为手机上的浏览器界面着色。未设置
- 深色模式的 theme-colormedia="(prefers-color-scheme: dark)"未设置
- msapplication-TileColorWindows 磁贴,旧版。未设置
- browserconfig.xmlWindows 磁贴,旧版。未找到
传输与性能
6 项通过 · 1 项警告- 所有图标使用 HTTPS7 / 7
- 没有混合内容0 个 http:// 链接
- 没有失效链接0 个错误
- 缓存头7 / 7 · ≥ 1 天
- 图标总体积35.2 KB
- 重定向/favicon.ico → https://static.canva.com/static/images/favicon.ico1
- 重复的标签无
在 <head> 中找到的图标标签
<link rel="shortcut icon" href="https://static.canva.com/domain-assets/canva/static/images/favicon-1.ico"> <link rel="icon" href="https://static.canva.com/domain-assets/canva/static/images/android-192x192-2.png" sizes="192x192"> <link rel="apple-touch-icon" href="https://static.canva.com/domain-assets/canva/static/images/apple-touch-120x120-1.png"> <link rel="apple-touch-icon" href="https://static.canva.com/domain-assets/canva/static/images/apple-touch-152x152-1.png" sizes="152x152"> <link rel="apple-touch-icon" href="https://static.canva.com/domain-assets/canva/static/images/apple-touch-167x167-1.png" sizes="167x167"> <link rel="apple-touch-icon" href="https://static.canva.com/domain-assets/canva/static/images/apple-touch-180x180-1.png" sizes="180x180">
关于 canva.com favicon 的常见问题
canva.com 的 favicon 在哪里?
主 favicon 位于 https://static.canva.com/domain-assets/canva/static/images/favicon-1.ico。默认路径 https://www.canva.com/favicon.ico 也返回了一个图标。
canva.com 的 favicon 尺寸是多少?
favicon-1.ico 的尺寸是 32 px。该网站最大的位图图标是 apple-touch-180x180-1.png,180×180 px。
Google 搜索能显示 canva.com 的 favicon 吗?
该网站符合 Google 的要求:apple-touch-152x152-1.png 是一个 152×152 的 PNG 文件(15.6 KB),且 robots.txt 允许访问。最终显示什么,仍由 Google 决定。
canva.com 有 Apple touch icon 和 maskable 图标吗?
Apple touch icon 的尺寸是 180×180。没有可读取的 Web 应用 manifest,因此也没有 maskable 图标。