starbucks.com 的 favicon

https://www.starbucks.com/ · 1 次重定向 · 检测于 2026年11月5日

22通过
3警告
2缺失
6可选

starbucks.com 的主 favicon 是 favicon.ico，一个含 16、32和48 px 图像的 ICO 文件（15.0 KB）。共找到 4 个图标文件，总大小 97.3 KB。Google 搜索可以使用 pwa-icon.png，一个 512×512 的 PNG 文件（50.4 KB）。该网站得分 90/100：通过 22 项，警告 3 项，缺失 2 项。缺失：SVG favicon、maskable manifest 图标。

显示效果

根据找到的文件渲染。

Starbucks Coffee Company

浏览器标签页 · 浅色通过

Starbucks Coffee Company

浏览器标签页 · 深色通过

starbucks.comhttps://www.starbucks.com

Starbucks Coffee Company Explore our menu of handcrafted drinks, order ahead, sign up for Starbucks® Rewards, manage your gift card and more.

Google 搜索通过

Starbucks

iOS 主屏幕通过

安卓 · maskable缺失

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

Starbucks

PWA 安装与启动画面通过

starbucks.com 的所有 favicon 文件

找到 4 个

文件	来源	格式	尺寸	体积
favicon.ico	rel="icon" · 默认路径	ICO	16, 32, 48 px	15.0 KB
apple-touch-icon.png	rel="apple-touch-icon" · 默认路径	PNG	180×180	14.5 KB
pwa-icon.png	rel="icon" · manifest	PNG	512×512	50.4 KB
pwa-icon-192.png	manifest	PNG	192×192	17.4 KB

经典 favicon

2 项通过

favicon.ico

通过

<link rel="icon" href="./favicon.ico">

格式: ICO（真实）
包含: 16 · 32 · 48
文件大小: 15.0 KB
HTTP: 200
Content-Type: image/x-icon
缓存: 4 小时

PNG

通过

<link rel="icon" href="./pwa-icon.png" type="image/png">

声明: 无尺寸
实际: 512×512
格式: PNG
文件大小: 50.4 KB
HTTP: 200
Content-Type: image/png

SVG 图标

1 项缺失

svg

SVG favicon

缺失

<link rel="icon" type="image/svg+xml" href="…"> – 未找到

SVG 图标在任何尺寸下都清晰，还能在深色浏览器主题下切换颜色。

Apple

1 项通过 · 1 项可选

Apple touch icon

通过

<link rel="apple-touch-icon" href="./apple-touch-icon.png">

声明: 无尺寸
实际: 180×180
建议: 180×180
背景: 不透明
文件大小: 14.5 KB
HTTP: 200

mask

Safari 固定标签页（mask-icon）

可选

<link rel="mask-icon" href="…" color="…"> – 未找到

旧标签。Safari 12 及以上使用常规 favicon，所以不再需要它。

Web 应用 manifest 文件

1 项通过

json

manifest.json

通过

<link rel="manifest" href="./manifest.json">

HTTP: 200
Content-Type: application/json
JSON: 有效
文件大小: 406 B
同源: 是
缓存: 无

Manifest 字段

7 项通过 · 1 项警告 · 1 项缺失 · 1 项可选

name
Starbucks
short_name
Starbucks
start_url
/
display默认值是 "browser"，该值下无法安装。
未设置
theme_color
#00A862
background_color
#FFFFFF
icons · 192×192
PNG · 17.4 KB · 200
icons · 512×512
PNG · 50.4 KB · 200
icons · purpose: maskable没有它，安卓会把你的图标缩小后放在白色圆形上。
未找到
id
未设置

Google 搜索

6 项通过

支持的文件格式
PNG · pwa-icon.png
正方形，至少 8×8 px
512×512
大于 48×48 px
512 px
在首页中声明
是
未被 robots.txt 屏蔽
允许
网址稳定
无重定向

Meta 与旧版

4 项可选

theme-color为手机上的浏览器界面着色。
未设置
深色模式的 theme-colormedia="(prefers-color-scheme: dark)"
未设置
msapplication-TileColorWindows 磁贴，旧版。
未设置
browserconfig.xmlWindows 磁贴，旧版。
未找到

传输与性能

5 项通过 · 2 项警告

所有图标使用 HTTPS
4 / 4
没有混合内容
0 个 http:// 链接
没有失效链接
0 个错误
缓存头图标很少改动，请至少缓存一天。
0 / 4 · ≥ 1 天
图标总体积
97.3 KB
重定向
0
重复的标签多个 rel="icon" 标签声明了相同的尺寸，浏览器会使用最后一个。
2 × 无 sizes

在 <head> 中找到的图标标签

<link rel="icon" href="./favicon.ico">
<link rel="apple-touch-icon" href="./apple-touch-icon.png">
<link rel="icon" href="./pwa-icon.png" type="image/png">
<link rel="manifest" href="./manifest.json">

关于 starbucks.com favicon 的常见问题