favicon-checker.com

theverge.com 的 favicon

https://www.theverge.com/ · 1 次重定向 · 检测于

  • 19通过
  • 3警告
  • 2缺失
  • 4可选

theverge.com 的主 favicon 是 favicon-32x32.png,一个 32×32 的 PNG 文件(1.3 KB)。共找到 9 个图标文件,总大小 64.2 KB。Google 搜索可以使用 android-chrome-512x512.png,一个 512×512 的 PNG 文件(17.0 KB)。该网站得分 82/100:通过 19 项,警告 3 项,缺失 2 项。缺失:SVG favicon、Web 应用 manifest。

显示效果

根据找到的文件渲染。

The Verge
浏览器标签页 · 浅色通过
The Verge
浏览器标签页 · 深色通过
The Vergehttps://www.theverge.com
The Verge The Verge is about technology and how it makes us feel. Founded in 2011, we offer our audience everything from breaking news to reviews to award-winning features and investigations, on our site, in video, and in podcasts.
Google 搜索通过
The Verge
iOS 主屏幕通过
512
安卓 · maskable缺失

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

splash
PWA 安装与启动画面缺失

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

theverge.com 的所有 favicon 文件

找到 9 个
文件来源格式尺寸体积
favicon.ico默认路径ICO16, 32, 48 px14.7 KB
favicon.icorel="icon"ICO16, 32, 48 px14.7 KB
apple-touch-icon.pngrel="apple-touch-icon"PNG180×1802.8 KB
favicon-32x32.pngrel="icon"PNG32×321.3 KB
favicon-96x96.pngrel="icon"PNG96×962.2 KB
favicon-16x16.pngrel="icon"PNG16×16934 B
safari-pinned-tab.svgrel="mask-icon"SVG矢量5.3 KB
android-chrome-192x192.pngrel="icon"PNG192×1925.2 KB
android-chrome-512x512.pngrel="icon"PNG512×51217.0 KB

经典 favicon

6 项通过 · 1 项警告

favicon.ico

警告
GET /favicon.ico · HTML 中未声明(在根目录找到)
格式
ICO(真实)
包含
16 · 32 · 48
文件大小
14.7 KB
HTTP
301 → 200
Content-Type
image/x-icon
缓存
4 小时

图标网址发生了重定向,而部分爬虫和 RSS 阅读器不会跟随图标的重定向。请直接在最终网址提供该文件。

ICO

通过
<link rel="shortcut icon" href="/static-assets/icons/favicon.ico" data-next-head="">
声明
无尺寸
实际
16 · 32 · 48
格式
ICO
文件大小
14.7 KB
HTTP
200
Content-Type
image/x-icon

PNG 32×32

通过
<link rel="icon" type="image/png" sizes="32x32" href="/static-assets/icons/favicon-32x32.png" data-next-head="">
声明
32×32
实际
32×32
格式
PNG
文件大小
1.3 KB
HTTP
200
Content-Type
image/png

PNG 96×96

通过
<link rel="icon" type="image/png" sizes="96x96" href="/static-assets/icons/favicon-96x96.png" data-next-head="">
声明
96×96
实际
96×96
格式
PNG
文件大小
2.2 KB
HTTP
200
Content-Type
image/png

PNG 16×16

通过
<link rel="icon" type="image/png" sizes="16x16" href="/static-assets/icons/favicon-16x16.png" data-next-head="">
声明
16×16
实际
16×16
格式
PNG
文件大小
934 B
HTTP
200
Content-Type
image/png

PNG 192×192

通过
<link rel="icon" type="image/png" href="/static-assets/icons/android-chrome-192x192.png" sizes="192x192" data-next-head="">
声明
192×192
实际
192×192
格式
PNG
文件大小
5.2 KB
HTTP
200
Content-Type
image/png

PNG 512×512

通过
<link rel="icon" type="image/png" href="/static-assets/icons/android-chrome-512x512.png" sizes="512x512" data-next-head="">
声明
512×512
实际
512×512
格式
PNG
文件大小
17.0 KB
HTTP
200
Content-Type
image/png

SVG 图标

1 项缺失
svg

SVG favicon

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

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

Apple

2 项通过

Apple touch icon

通过
<link rel="apple-touch-icon" sizes="180x180" href="/static-assets/icons/apple-touch-icon.png" data-next-head="">
声明
180×180
实际
180×180
建议
180×180
背景
不透明
文件大小
2.8 KB
HTTP
200

Safari 固定标签页(mask-icon)

通过
<link rel="mask-icon" href="/static-assets/icons/safari-pinned-tab.svg" data-next-head="">
颜色
未设置
文件大小
5.3 KB

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

Web 应用 manifest 文件

1 项缺失
json

Web 应用 manifest

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

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

Google 搜索

6 项通过
  • 支持的文件格式
    PNG · android-chrome-512x512.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
    9 / 9
  • 没有混合内容
    0 个 http:// 链接
  • 没有失效链接
    0 个错误
  • 缓存头图标很少改动,请至少缓存一天。
    0 / 9 · ≥ 1 天
  • 图标总体积
    64.2 KB
  • 重定向/favicon.ico → https://cdn.vox-cdn.com/verge/favicon.ico
    1
  • 重复的标签
    无

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

<link rel="shortcut icon" href="/static-assets/icons/favicon.ico" data-next-head="">
<link rel="apple-touch-icon" sizes="180x180" href="/static-assets/icons/apple-touch-icon.png" data-next-head="">
<link rel="icon" type="image/png" sizes="32x32" href="/static-assets/icons/favicon-32x32.png" data-next-head="">
<link rel="icon" type="image/png" sizes="96x96" href="/static-assets/icons/favicon-96x96.png" data-next-head="">
<link rel="icon" type="image/png" sizes="16x16" href="/static-assets/icons/favicon-16x16.png" data-next-head="">
<link rel="mask-icon" href="/static-assets/icons/safari-pinned-tab.svg" data-next-head="">
<link rel="icon" type="image/png" href="/static-assets/icons/android-chrome-192x192.png" sizes="192x192" data-next-head="">
<link rel="icon" type="image/png" href="/static-assets/icons/android-chrome-512x512.png" sizes="512x512" data-next-head="">

关于 theverge.com favicon 的常见问题

theverge.com 的 favicon 在哪里?

主 favicon 位于 https://www.theverge.com/static-assets/icons/favicon-32x32.png。默认路径 https://www.theverge.com/favicon.ico 也返回了一个图标。

theverge.com 的 favicon 尺寸是多少?

favicon-32x32.png 的尺寸是 32×32。该网站最大的位图图标是 android-chrome-512x512.png,512×512 px。

Google 搜索能显示 theverge.com 的 favicon 吗?

该网站符合 Google 的要求:android-chrome-512x512.png 是一个 512×512 的 PNG 文件(17.0 KB),且 robots.txt 允许访问。最终显示什么,仍由 Google 决定。

theverge.com 有 Apple touch icon 和 maskable 图标吗?

Apple touch icon 的尺寸是 180×180。没有可读取的 Web 应用 manifest,因此也没有 maskable 图标。

更多 favicon 检测报告

所有已检测的网站