shopify.com 的 favicon

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

12通过
3警告
7缺失
5可选

shopify.com 的主 favicon 是 61cc781fe73f11e9d4bd160d27cc627b.png，一个 32×32 的 WebP 文件（1.2 KB）。共找到 3 个图标文件，总大小 17.7 KB。Google 搜索可以使用 favicon.ico，一个含 256 px 图像的 ICO 文件（14.1 KB）。该网站得分 53/100：通过 12 项，警告 3 项，缺失 7 项。缺失：SVG favicon、Apple touch icon、Web 应用 manifest，另有 1 项。

显示效果

根据找到的文件渲染。

Shopify: The All-in-One Commerce Platform for Businesses - Shopify

浏览器标签页 · 浅色通过

Shopify: The All-in-One Commerce Platform for Businesses - Shopify

浏览器标签页 · 深色可选

请确认图标在深色标签页上仍然清晰可见。

Shopifyhttps://www.shopify.com

Shopify: The All-in-One Commerce Platform for Businesses - Shopify Try Shopify free. Build or grow your business fast with AI. Get more than ecommerce software with tools to manage every part of your business.

Google 搜索通过

Shopify

iOS 主屏幕缺失

该网址返回的不是图片（image/avif）。

512

安卓 · maskable缺失

manifest 中没有图标，所以安卓会改用截图或一个字母。

splash

PWA 安装与启动画面缺失

manifest 中没有 512 px 图标，所以没有安装提示和启动画面。

shopify.com 的所有 favicon 文件

找到 3 个

文件	来源	格式	尺寸	体积
favicon.ico	默认路径	ICO	256 px	14.1 KB
61cc781fe73f11e9d4bd160d27cc627b.png	rel="icon"	WebP	32×32	1.2 KB
193f18e4855704ef1716dc0cd750c1ee.png	rel="apple-touch-icon"	WebP	57×57	2.5 KB

经典 favicon

2 项警告

favicon.ico

警告

GET /favicon.ico · HTML 中未声明（在根目录找到）

格式: ICO（真实）
包含: 256
文件大小: 14.1 KB
HTTP: 200
Content-Type: image/x-icon
缓存: 12 个月

这个 ICO 里没有 16 或 32 px 的图像，浏览器只能把更大的图像缩小使用。

WebP

警告

<link rel="icon" href="https://cdn.shopify.com/b/shopify-brochure2-assets/61cc781fe73f11e9d4bd160d27cc627b.png" type="image/png">

声明: 无尺寸
实际: 32×32
格式: WebP
文件大小: 1.2 KB
HTTP: 200
Content-Type: image/webp

type 属性是 image/png，但文件实际是 WebP。

SVG 图标

1 项缺失

svg

SVG favicon

缺失

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

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

Apple

1 项警告 · 4 项缺失 · 1 项可选

180

Apple touch icon

缺失

<link rel="apple-touch-icon" href="https://cdn.shopify.com/b/shopify-brochure2-assets/c97c60ca19c64a8b5378d9f9e971f7bd.png">

该网址返回的不是图片（image/avif）。

180

Apple touch icon

缺失

<link rel="apple-touch-icon" sizes="120x120" href="https://cdn.shopify.com/b/shopify-brochure2-assets/c97c60ca19c64a8b5378d9f9e971f7bd.png">

该网址返回的不是图片（image/avif）。

180

Apple touch icon

缺失

<link rel="apple-touch-icon" sizes="114x114" href="https://cdn.shopify.com/b/shopify-brochure2-assets/b13486e5693b246af63c66ab047a6b6b.png">

该网址返回的不是图片（image/avif）。

180

Apple touch icon

缺失

<link rel="apple-touch-icon" sizes="72x72" href="https://cdn.shopify.com/b/shopify-brochure2-assets/8734d76c98437c8ae8a628bbeed3750a.png">

该网址返回的不是图片（image/avif）。

Apple touch icon

警告

<link rel="apple-touch-icon" sizes="57x57" href="https://cdn.shopify.com/b/shopify-brochure2-assets/193f18e4855704ef1716dc0cd750c1ee.png">

声明: 57×57
实际: 57×57
建议: 180×180
背景: 未测量
文件大小: 2.5 KB
HTTP: 200

iOS 会把 57 放大到 180 px，所以图标在 Retina 屏幕上会发虚。iOS 需要 PNG，而这个文件是 WebP。

mask

Safari 固定标签页（mask-icon）

可选

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

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

Web 应用 manifest 文件

1 项缺失

json

Web 应用 manifest

缺失

<link rel="manifest" href="…"> – 未找到

安卓和可安装的 Web 应用从 manifest 中读取图标、名称和颜色。

Google 搜索

6 项通过

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

Meta 与旧版

4 项可选

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

传输与性能

6 项通过 · 1 项缺失

所有图标使用 HTTPS
3 / 3
没有混合内容
0 个 http:// 链接
没有失效链接https://cdn.shopify.com/b/shopify-brochure2-assets/c97c60ca19c64a8b5378d9f9e971f7bd.png, https://cdn.shopify.com/b/shopify-brochure2-assets/b13486e5693b246af63c66ab047a6b6b.png, https://cdn.shopify.com/b/shopify-brochure2-assets/8734d76c98437c8ae8a628bbeed3750a.png
3 个错误
缓存头
3 / 3 · ≥ 1 天
图标总体积
17.7 KB
重定向
0
重复的标签
无

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

<link rel="icon" href="https://cdn.shopify.com/b/shopify-brochure2-assets/61cc781fe73f11e9d4bd160d27cc627b.png" type="image/png">
<link rel="apple-touch-icon" href="https://cdn.shopify.com/b/shopify-brochure2-assets/c97c60ca19c64a8b5378d9f9e971f7bd.png">
<link rel="apple-touch-icon" sizes="120x120" href="https://cdn.shopify.com/b/shopify-brochure2-assets/c97c60ca19c64a8b5378d9f9e971f7bd.png">
<link rel="apple-touch-icon" sizes="114x114" href="https://cdn.shopify.com/b/shopify-brochure2-assets/b13486e5693b246af63c66ab047a6b6b.png">
<link rel="apple-touch-icon" sizes="72x72" href="https://cdn.shopify.com/b/shopify-brochure2-assets/8734d76c98437c8ae8a628bbeed3750a.png">
<link rel="apple-touch-icon" sizes="57x57" href="https://cdn.shopify.com/b/shopify-brochure2-assets/193f18e4855704ef1716dc0cd750c1ee.png">

关于 shopify.com favicon 的常见问题