mashable.com 的 favicon

https://mashable.com/ · 检测于 2026年11月5日

14通过
7警告
9缺失
4可选

mashable.com 的主 favicon 是 favicon-32x32.jpg，一个 32×32 的 WebP 文件（652 B）。共找到 5 个图标文件，总大小 8.7 KB。它的图标都不符合 Google 搜索的要求。该网站得分 47/100：通过 14 项，警告 7 项，缺失 9 项。缺失：favicon.ico、JPG 512×512、SVG favicon，另有 6 项。

显示效果

根据找到的文件渲染。

Mashable

浏览器标签页 · 浅色通过

Mashable

浏览器标签页 · 深色可选

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

Mashablehttps://mashable.com

Mashable Mashable is a global, multi-platform media and entertainment company.

Google 搜索缺失

Mashable

iOS 主屏幕警告

iOS 需要 PNG，而这个文件是 WebP。

512

安卓 · maskable缺失

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

splash

PWA 安装与启动画面缺失

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

mashable.com 的所有 favicon 文件

找到 5 个

文件	来源	格式	尺寸	体积
favicon.svg	rel="mask-icon"	SVG	矢量	982 B
favicon-16x16.jpg	rel="icon"	WebP	16×16	250 B
favicon-32x32.jpg	rel="icon"	WebP	32×32	652 B
apple-touch-icon.jpg	rel="apple-touch-icon"	WebP	180×180	3.3 KB
android-chrome-192x192.jpg	rel="icon"	WebP	192×192	3.6 KB

经典 favicon

3 项警告 · 2 项缺失

ico

favicon.ico

缺失

GET /favicon.ico – 未找到

HTTP: 200

即使 HTML 声明了其他图标，浏览器、RSS 阅读器和许多爬虫仍会请求 /favicon.ico。该网址返回的不是图片（image/x-icon）。

WebP 16×16

警告

<link rel="icon" type="image/jpg" href="/favicons/favicon-16x16.jpg" sizes="16x16">

声明: 16×16
实际: 16×16
格式: WebP
文件大小: 250 B
HTTP: 200
Content-Type: image/webp

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

WebP 32×32

警告

<link rel="icon" type="image/jpg" href="/favicons/favicon-32x32.jpg" sizes="32x32">

声明: 32×32
实际: 32×32
格式: WebP
文件大小: 652 B
HTTP: 200
Content-Type: image/webp

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

WebP 192×192

警告

<link rel="icon" type="image/jpg" href="/favicons/android-chrome-192x192.jpg" sizes="192x192">

声明: 192×192
实际: 192×192
格式: WebP
文件大小: 3.6 KB
HTTP: 200
Content-Type: image/webp

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

404

JPG 512×512

缺失

<link rel="icon" type="image/jpg" href="/favicons/android-chrome-512x512.jpg" sizes="512x512">

HTTP: 404

该文件返回 HTTP 404。

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" sizes="180x180" href="/favicons/apple-touch-icon.jpg">

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

iOS 需要 PNG，而这个文件是 WebP。

Safari 固定标签页（mask-icon）

通过

<link rel="shortcut icon mask-icon" href="/favicons/favicon.svg">

颜色: 未设置
文件大小: 982 B

旧标签。Safari 12 及以上使用常规 favicon。

Web 应用 manifest 文件

1 项通过

json

manifest.json

通过

<link rel="manifest" href="/manifest.json" crossorigin="use-credentials">

HTTP: 200
Content-Type: application/json
JSON: 有效
文件大小: 468 B
同源: 是
缓存: 30 分钟

Manifest 字段

5 项通过 · 1 项警告 · 3 项缺失 · 1 项可选

name
Mashable
short_name
Mashable
start_url已安装的应用启动时打开的页面。
未设置
display
standalone
theme_color
#ffffff
background_color
#ffffff
icons · 192×192该文件返回 HTTP 404。
已失效
icons · 512×512该文件返回 HTTP 404。
已失效
icons · purpose: maskable没有它，安卓会把你的图标缩小后放在白色圆形上。
未找到
id
未设置

Google 搜索

1 项通过 · 1 项警告 · 2 项缺失

支持的文件格式Google 列出的格式是 BMP、GIF、ICO、PNG、JPEG、PPM 和 TIFF，不含 SVG 和 WebP。请同时声明一个 PNG 或 ICO。
WebP
正方形，至少 8×8 pxGoogle 需要正方形（1:1）的图标。
无正方形图标
大于 48×48 pxGoogle 建议大于 48×48，图标才清晰。声明一个 96×96 的 PNG，或使用 180 px 的 Apple touch icon 都可以。
–
在首页中声明
是

Meta 与旧版

1 项通过 · 3 项可选

theme-color
#00aeef
深色模式的 theme-colormedia="(prefers-color-scheme: dark)"
未设置
msapplication-TileColorWindows 磁贴，旧版。
未设置
browserconfig.xmlWindows 磁贴，旧版。
未找到

传输与性能

5 项通过 · 1 项警告 · 1 项缺失

所有图标使用 HTTPS
5 / 5
没有混合内容
0 个 http:// 链接
没有失效链接/favicons/android-chrome-512x512.jpg, /android-chrome-192x192.png, /android-chrome-512x512.png
3 个错误
缓存头图标很少改动，请至少缓存一天。
0 / 5 · ≥ 1 天
图标总体积
8.7 KB
重定向
0
重复的标签
无

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

<link rel="shortcut icon mask-icon" href="/favicons/favicon.svg">
<link rel="icon" type="image/jpg" href="/favicons/favicon-16x16.jpg" sizes="16x16">
<link rel="icon" type="image/jpg" href="/favicons/favicon-32x32.jpg" sizes="32x32">
<link rel="apple-touch-icon" sizes="180x180" href="/favicons/apple-touch-icon.jpg">
<link rel="icon" type="image/jpg" href="/favicons/android-chrome-192x192.jpg" sizes="192x192">
<link rel="icon" type="image/jpg" href="/favicons/android-chrome-512x512.jpg" sizes="512x512">
<link rel="manifest" href="/manifest.json" crossorigin="use-credentials">
<meta name="theme-color" content="#00aeef">

关于 mashable.com favicon 的常见问题