stripe.com 的 favicon
- 16通过
- 2警告
- 1缺失
- 5可选
stripe.com 的主 favicon 是 favicon.svg,一个 412 B 的 SVG 文件。共找到 5 个图标文件,总大小 34.4 KB。Google 搜索可以使用 favicon.png,一个 180×180 的 PNG 文件(3.1 KB)。该网站得分 87/100:通过 16 项,警告 2 项,缺失 1 项。缺失:Web 应用 manifest。
显示效果
根据找到的文件渲染。
请确认图标在深色标签页上仍然清晰可见。
iOS 会把透明区域填成黑色。请给图标加上纯色背景。
manifest 中没有图标,所以安卓会改用截图或一个字母。
manifest 中没有 512 px 图标,所以没有安装提示和启动画面。
stripe.com 的所有 favicon 文件
找到 5 个| 文件 | 来源 | 格式 | 尺寸 | 体积 |
|---|---|---|---|---|
| favicon.ico | 默认路径 | ICO | 16, 32, 48 px | 14.7 KB |
| favicon.svg | rel="icon" | SVG | 矢量 | 412 B |
| favicon.png | rel="icon" | PNG | 96×96 | 1.5 KB |
| favicon.ico | rel="icon" | ICO | 16, 32, 48 px | 14.7 KB |
| favicon.png | rel="apple-touch-icon" | PNG | 180×180 | 3.1 KB |
经典 favicon
3 项通过favicon.ico
通过GET /favicon.ico · HTML 中未声明(在根目录找到)
- 格式
- ICO(真实)
- 包含
- 16 · 32 · 48
- 文件大小
- 14.7 KB
- HTTP
- 200
- Content-Type
- image/vnd.microsoft.icon
- 缓存
- 4 小时
PNG 96×96
通过<link rel="icon" type="image/png" href="https://images.stripeassets.com/fzn2n1nzq965/4vVgZi0ZMoEzOhkcv7EVwK/8cce6fdcf2733b2ec8e99548908847ed/favicon.png?w=96&h=96" sizes="96x96">
- 声明
- 96×96
- 实际
- 96×96
- 格式
- PNG
- 文件大小
- 1.5 KB
- HTTP
- 200
- Content-Type
- image/png
ICO
通过<link rel="shortcut icon" href="https://assets.stripeassets.com/fzn2n1nzq965/nu0iR4KqmkdJ52fgRts09/c3a10df318e7ffb1f516073daadea625/favicon.ico">
- 声明
- 无尺寸
- 实际
- 16 · 32 · 48
- 格式
- ICO
- 文件大小
- 14.7 KB
- HTTP
- 200
- Content-Type
- image/x-icon
SVG 图标
1 项通过SVG favicon
通过<link rel="icon" type="image/svg+xml" href="https://images.stripeassets.com/fzn2n1nzq965/1hgcBNd12BfT9VLgbId7By/01d91920114b124fb4cf6d448f9f06eb/favicon.svg">
- 正方形 viewBox
- 是
- 深色模式
- 否
- 脚本
- 无
- 文件大小
- 412 B
- HTTP
- 200
- Content-Type
- image/svg+xml
在 SVG 中加入 prefers-color-scheme 媒体查询,即可在深色浏览器主题下切换颜色。
Apple
1 项警告 · 1 项可选Apple touch icon
警告<link rel="apple-touch-icon" sizes="180x180" href="https://images.stripeassets.com/fzn2n1nzq965/4vVgZi0ZMoEzOhkcv7EVwK/8cce6fdcf2733b2ec8e99548908847ed/favicon.png?w=180&h=180">
- 声明
- 180×180
- 实际
- 180×180
- 建议
- 180×180
- 背景
- 透明
- 文件大小
- 3.1 KB
- HTTP
- 200
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 搜索
6 项通过- 支持的文件格式PNG · favicon.png
- 正方形,至少 8×8 px180×180
- 大于 48×48 px180 px
- 在首页中声明是
- 未被 robots.txt 屏蔽允许
- 网址稳定无重定向
Meta 与旧版
4 项可选- theme-color为手机上的浏览器界面着色。未设置
- 深色模式的 theme-colormedia="(prefers-color-scheme: dark)"未设置
- msapplication-TileColorWindows 磁贴,旧版。未设置
- browserconfig.xmlWindows 磁贴,旧版。未找到
传输与性能
6 项通过 · 1 项警告- 所有图标使用 HTTPS5 / 5
- 没有混合内容0 个 http:// 链接
- 没有失效链接0 个错误
- 缓存头图标很少改动,请至少缓存一天。4 / 5 · ≥ 1 天
- 图标总体积34.4 KB
- 重定向0
- 重复的标签无
在 <head> 中找到的图标标签
<link rel="icon" type="image/svg+xml" href="https://images.stripeassets.com/fzn2n1nzq965/1hgcBNd12BfT9VLgbId7By/01d91920114b124fb4cf6d448f9f06eb/favicon.svg"> <link rel="icon" type="image/png" href="https://images.stripeassets.com/fzn2n1nzq965/4vVgZi0ZMoEzOhkcv7EVwK/8cce6fdcf2733b2ec8e99548908847ed/favicon.png?w=96&h=96" sizes="96x96"> <link rel="shortcut icon" href="https://assets.stripeassets.com/fzn2n1nzq965/nu0iR4KqmkdJ52fgRts09/c3a10df318e7ffb1f516073daadea625/favicon.ico"> <link rel="apple-touch-icon" sizes="180x180" href="https://images.stripeassets.com/fzn2n1nzq965/4vVgZi0ZMoEzOhkcv7EVwK/8cce6fdcf2733b2ec8e99548908847ed/favicon.png?w=180&h=180">
关于 stripe.com favicon 的常见问题
stripe.com 的 favicon 在哪里?
主 favicon 位于 https://images.stripeassets.com/fzn2n1nzq965/1hgcBNd12BfT9VLgbId7By/01d91920114b124fb4cf6d448f9f06eb/favicon.svg。默认路径 https://stripe.com/favicon.ico 也返回了一个图标。
stripe.com 的 favicon 尺寸是多少?
favicon.svg 是矢量文件,可缩放到任意尺寸。该网站最大的位图图标是 favicon.png,180×180 px。
Google 搜索能显示 stripe.com 的 favicon 吗?
该网站符合 Google 的要求:favicon.png 是一个 180×180 的 PNG 文件(3.1 KB),且 robots.txt 允许访问。最终显示什么,仍由 Google 决定。
stripe.com 有 Apple touch icon 和 maskable 图标吗?
Apple touch icon 的尺寸是 180×180,带有透明区域,iOS 会把这些区域变成黑色。没有可读取的 Web 应用 manifest,因此也没有 maskable 图标。