favicon-checker.com

chase.com 的 favicon

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

  • 13通过
  • 4警告
  • 6缺失
  • 4可选

chase.com 的主 favicon 是 favicon.ico,一个含 16、32和48 px 图像的 ICO 文件(14.7 KB)。共找到 3 个图标文件,总大小 30.1 KB。Google 搜索可以使用同一个文件。该网站得分 59/100:通过 13 项,警告 4 项,缺失 6 项。缺失:SVG favicon、Apple touch icon、Web 应用 manifest,另有 1 项。

显示效果

根据找到的文件渲染。

Credit Card, Mortgage, Banking, Auto | Chase Online | Chase.com
浏览器标签页 · 浅色通过
Credit Card, Mortgage, Banking, Auto | Chase Online | Chase.com
浏览器标签页 · 深色通过
chase.comhttps://www.chase.com
Credit Card, Mortgage, Banking, Auto | Chase Online | Chase.com Chase online; credit cards, mortgages, commercial banking, auto loans, investing & retirement planning, checking and business banking.
Google 搜索警告
Credit Card, Mortgage, Banking, Auto | Chase Online | Chase.com
iOS 主屏幕缺失

该网址返回的不是图片(image/avif)。

512
安卓 · maskable缺失

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

splash
PWA 安装与启动画面缺失

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

chase.com 的所有 favicon 文件

找到 3 个
文件来源格式尺寸体积
favicon.ico默认路径ICO16, 32, 48 px14.7 KB
favicon.icorel="icon"ICO16, 32, 48 px14.7 KB
favicon-76.pngrel="apple-touch-icon"WebP76×76616 B

经典 favicon

3 项通过

favicon.ico

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

ICO

通过
<link rel="shortcut icon" href="/etc/designs/chase-ux/favicon.ico">
声明
无尺寸
实际
16 · 32 · 48
格式
ICO
文件大小
14.7 KB
HTTP
200
Content-Type
image/vnd.microsoft.icon

ICO

通过
<link rel="icon" href="/etc/designs/chase-ux/favicon.ico">
声明
无尺寸
实际
16 · 32 · 48
格式
ICO
文件大小
14.7 KB
HTTP
200
Content-Type
image/vnd.microsoft.icon

SVG 图标

1 项缺失
svg

SVG favicon

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

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

Apple

1 项警告 · 3 项缺失 · 1 项可选
180

Apple touch icon

缺失
<link rel="apple-touch-icon" href="/etc/designs/chase-ux/favicon-152.png" sizes="152x152" type="image/png">

该网址返回的不是图片(image/avif)。

180

Apple touch icon

缺失
<link rel="apple-touch-icon" href="/etc/designs/chase-ux/favicon-120.png" sizes="120x120" type="image/png">

该网址返回的不是图片(image/avif)。

Apple touch icon

警告
<link rel="apple-touch-icon" href="/etc/designs/chase-ux/favicon-76.png" sizes="76x76" type="image/png">
声明
76×76
实际
76×76
建议
180×180
背景
未测量
文件大小
616 B
HTTP
200

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

180

Apple touch icon

缺失
<link rel="apple-touch-icon" href="/etc/designs/chase-ux/favicon-57.png" sizes="57x57" type="image/png">

该网址返回的不是图片(image/avif)。

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 搜索

5 项通过 · 1 项警告
  • 支持的文件格式
    ICO · favicon.ico
  • 正方形,至少 8×8 px
    48×48
  • 大于 48×48 pxGoogle 建议大于 48×48,图标才清晰。声明一个 96×96 的 PNG,或使用 180 px 的 Apple touch icon 都可以。
    48 px
  • 在首页中声明
    是
  • 未被 robots.txt 屏蔽
    允许
  • 网址稳定
    无重定向

Meta 与旧版

1 项通过 · 3 项可选
  • theme-color为手机上的浏览器界面着色。
    未设置
  • 深色模式的 theme-colormedia="(prefers-color-scheme: dark)"
    未设置
  • msapplication-TileColor
    #FFFFFF
  • browserconfig.xmlWindows 磁贴,旧版。
    未找到

传输与性能

4 项通过 · 2 项警告 · 1 项缺失
  • 所有图标使用 HTTPS
    3 / 3
  • 没有混合内容
    0 个 http:// 链接
  • 没有失效链接/etc/designs/chase-ux/favicon-152.png, /etc/designs/chase-ux/favicon-120.png, /etc/designs/chase-ux/favicon-57.png
    3 个错误
  • 缓存头图标很少改动,请至少缓存一天。
    1 / 3 · ≥ 1 天
  • 图标总体积
    30.1 KB
  • 重定向
    0
  • 重复的标签多个 rel="icon" 标签声明了相同的尺寸,浏览器会使用最后一个。
    2 × 无 sizes

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

<link rel="shortcut icon" href="/etc/designs/chase-ux/favicon.ico">
<link rel="icon" href="/etc/designs/chase-ux/favicon.ico">
<link rel="apple-touch-icon" href="/etc/designs/chase-ux/favicon-152.png" sizes="152x152" type="image/png">
<link rel="apple-touch-icon" href="/etc/designs/chase-ux/favicon-120.png" sizes="120x120" type="image/png">
<link rel="apple-touch-icon" href="/etc/designs/chase-ux/favicon-76.png" sizes="76x76" type="image/png">
<link rel="apple-touch-icon" href="/etc/designs/chase-ux/favicon-57.png" sizes="57x57" type="image/png">
<meta name="msapplication-TileImage" content="/etc/designs/chase-ux/favicon-144.png">
<meta name="msapplication-TileColor" content="#FFFFFF">

关于 chase.com favicon 的常见问题

chase.com 的 favicon 在哪里?

主 favicon 位于 https://www.chase.com/etc/designs/chase-ux/favicon.ico。默认路径 https://www.chase.com/favicon.ico 也返回了一个图标。

chase.com 的 favicon 尺寸是多少?

favicon.ico 的尺寸是 16, 32, 48 px。该网站最大的位图图标是 favicon-76.png,76×76 px。

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

该网站符合 Google 的要求:favicon.ico 是一个含 16、32和48 px 图像的 ICO 文件(14.7 KB),且 robots.txt 允许访问。Google 建议图标大于 48×48 px,更大的图标会更清晰。最终显示什么,仍由 Google 决定。

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

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

更多 favicon 检测报告

所有已检测的网站