favicon-checker.com

opera.com 的 favicon

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

  • 26通过
  • 4警告
  • 3缺失
  • 7可选

opera.com 的主 favicon 是 favicon-32x32.4715c1054910.png,一个 32×32 的 PNG 文件(561 B)。共找到 14 个图标文件,总大小 37.2 KB。Google 搜索可以使用 apple-touch-icon.91bbceaeaa8a.png,一个 180×180 的 PNG 文件(4.0 KB)。该网站得分 82/100:通过 26 项,警告 4 项,缺失 3 项。缺失:SVG favicon、512 px manifest 图标、maskable manifest 图标。

显示效果

根据找到的文件渲染。

Opera Web Browser | Faster, Safer, Smarter | Opera
浏览器标签页 · 浅色通过
Opera Web Browser | Faster, Safer, Smarter | Opera
浏览器标签页 · 深色通过
opera.comhttps://www.opera.com
Opera Web Browser | Faster, Safer, Smarter | Opera Faster, safer and smarter than default browsers. Fully-featured for privacy, security, and so much more. Get the faster, better Opera browser for free.
Google 搜索通过
Opera
iOS 主屏幕通过
安卓 · maskable缺失

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

splash
PWA 安装与启动画面缺失

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

opera.com 的所有 favicon 文件

找到 14 个
文件来源格式尺寸体积
favicon.ico默认路径ICO16, 32 px5.3 KB
apple-touch-icon.91bbceaeaa8a.pngrel="apple-touch-icon"PNG180×1804.0 KB
apple-touch-icon-180x180.91bbceaeaa8a.pngrel="apple-touch-icon"PNG180×1804.0 KB
apple-touch-icon-167x167.6a07d1e49b1a.pngrel="apple-touch-icon"PNG167×1673.6 KB
apple-touch-icon-152x152.0dbf2a999304.pngrel="apple-touch-icon"PNG152×1523.4 KB
apple-touch-icon-120x120.d243dfff693b.pngrel="apple-touch-icon"PNG120×1202.8 KB
apple-touch-icon-76x76.f70874da6c7d.pngrel="apple-touch-icon"PNG76×761.9 KB
apple-touch-icon-57x57.9baa10c27134.pngrel="apple-touch-icon"PNG57×571.5 KB
favicon-32x32.4715c1054910.pngrel="icon"PNG32×32561 B
favicon-16x16.a9a7b87343e4.pngrel="icon"PNG16×16402 B
safari-pinned-tab.fff3923ab692.svgrel="mask-icon"SVG矢量984 B
favicon.18388eb39bfd.icorel="icon"ICO32 px4.2 KB
android-chrome-192x192.48af36cc8f36.pngmanifestPNG192×1921.9 KB
android-chrome-256x256.0b7ebdef4384.pngmanifestPNG256×2562.5 KB

经典 favicon

3 项通过 · 1 项警告

favicon.ico

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

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

PNG 32×32

通过
<link rel="icon" type="image/png" sizes="32x32" href="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/favicon/opera/favicon-32x32.4715c1054910.png">
声明
32×32
实际
32×32
格式
PNG
文件大小
561 B
HTTP
200
Content-Type
image/png

PNG 16×16

通过
<link rel="icon" type="image/png" sizes="16x16" href="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/favicon/opera/favicon-16x16.a9a7b87343e4.png">
声明
16×16
实际
16×16
格式
PNG
文件大小
402 B
HTTP
200
Content-Type
image/png

ICO

通过
<link rel="shortcut icon" href="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/favicon/opera/favicon.18388eb39bfd.ico">
声明
无尺寸
实际
32
格式
ICO
文件大小
4.2 KB
HTTP
200
Content-Type
image/vnd.microsoft.icon

SVG 图标

1 项缺失
svg

SVG favicon

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

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

Apple

2 项通过 · 5 项可选

Apple touch icon

通过
<link rel="apple-touch-icon" href="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/favicon/opera/apple-touch-icon.91bbceaeaa8a.png">
声明
无尺寸
实际
180×180
建议
180×180
背景
不透明
文件大小
4.0 KB
HTTP
200

Apple touch icon 180×180

可选
<link rel="apple-touch-icon" sizes="180x180" href="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/favicon/opera/apple-touch-icon-180x180.91bbceaeaa8a.png">
声明
180×180
实际
180×180
建议
180×180
背景
未测量
文件大小
4.0 KB
HTTP
200

旧尺寸。当前的 iOS 使用 180 px 的图标。

Apple touch icon 167×167

可选
<link rel="apple-touch-icon" sizes="167x167" href="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/favicon/opera/apple-touch-icon-167x167.6a07d1e49b1a.png">
声明
167×167
实际
167×167
建议
180×180
背景
未测量
文件大小
3.6 KB
HTTP
200

旧尺寸。当前的 iOS 使用 180 px 的图标。

Apple touch icon 152×152

可选
<link rel="apple-touch-icon" sizes="152x152" href="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/favicon/opera/apple-touch-icon-152x152.0dbf2a999304.png">
声明
152×152
实际
152×152
建议
180×180
背景
未测量
文件大小
3.4 KB
HTTP
200

旧尺寸。当前的 iOS 使用 180 px 的图标。

Apple touch icon 120×120

可选
<link rel="apple-touch-icon" sizes="120x120" href="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/favicon/opera/apple-touch-icon-120x120.d243dfff693b.png">
声明
120×120
实际
120×120
建议
180×180
背景
未测量
文件大小
2.8 KB
HTTP
200

旧尺寸。当前的 iOS 使用 180 px 的图标。

Apple touch icon 76×76

可选
<link rel="apple-touch-icon" sizes="76x76" href="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/favicon/opera/apple-touch-icon-76x76.f70874da6c7d.png">
声明
76×76
实际
76×76
建议
180×180
背景
未测量
文件大小
1.9 KB
HTTP
200

旧尺寸。当前的 iOS 使用 180 px 的图标。

Safari 固定标签页(mask-icon)

通过
<link rel="mask-icon" href="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/favicon/opera/safari-pinned-tab.fff3923ab692.svg" color="#ff0a21">
颜色
#ff0a21
文件大小
984 B

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

Web 应用 manifest 文件

1 项警告
json

webmanifest

警告
<link rel="manifest" href="/webmanifest">
HTTP
200
Content-Type
content-type: application/manifest+json
JSON
有效
文件大小
574 B
同源
是
缓存
1 小时

请以 application/manifest+json 提供 manifest。

Manifest 字段

6 项通过 · 1 项警告 · 2 项缺失 · 1 项可选
  • name
    Opera
  • short_name
    Opera
  • start_url已安装的应用启动时打开的页面。
    未设置
  • display
    standalone
  • theme_color
    #ffffff
  • background_color
    #ffffff
  • icons · 192×192
    PNG · 1.9 KB · 200
  • icons · 512×512安装提示和启动画面需要它。
    未找到
  • icons · purpose: maskable没有它,安卓会把你的图标缩小后放在白色圆形上。
    未找到
  • id
    未设置

Google 搜索

6 项通过
  • 支持的文件格式
    PNG · apple-touch-icon.91bbceaeaa8a.png
  • 正方形,至少 8×8 px
    180×180
  • 大于 48×48 px
    180 px
  • 在首页中声明
    是
  • 未被 robots.txt 屏蔽
    允许
  • 网址稳定
    无重定向

Meta 与旧版

3 项通过 · 1 项可选
  • theme-color
    #FF1B2D
  • 深色模式的 theme-colormedia="(prefers-color-scheme: dark)"
    未设置
  • msapplication-TileColor
    #da532c
  • browserconfig.xml
    已找到

传输与性能

6 项通过 · 1 项警告
  • 所有图标使用 HTTPS
    14 / 14
  • 没有混合内容
    0 个 http:// 链接
  • 没有失效链接
    0 个错误
  • 缓存头
    14 / 14 · ≥ 1 天
  • 图标总体积
    37.2 KB
  • 重定向/favicon.ico → https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/favicon/ico/opera.ico
    1
  • 重复的标签
    无

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

<link rel="apple-touch-icon" href="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/favicon/opera/apple-touch-icon.91bbceaeaa8a.png">
<link rel="apple-touch-icon" sizes="180x180" href="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/favicon/opera/apple-touch-icon-180x180.91bbceaeaa8a.png">
<link rel="apple-touch-icon" sizes="167x167" href="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/favicon/opera/apple-touch-icon-167x167.6a07d1e49b1a.png">
<link rel="apple-touch-icon" sizes="152x152" href="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/favicon/opera/apple-touch-icon-152x152.0dbf2a999304.png">
<link rel="apple-touch-icon" sizes="120x120" href="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/favicon/opera/apple-touch-icon-120x120.d243dfff693b.png">
<link rel="apple-touch-icon" sizes="76x76" href="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/favicon/opera/apple-touch-icon-76x76.f70874da6c7d.png">
<link rel="apple-touch-icon" sizes="57x57" href="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/favicon/opera/apple-touch-icon-57x57.9baa10c27134.png">
<link rel="icon" type="image/png" sizes="32x32" href="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/favicon/opera/favicon-32x32.4715c1054910.png">
<link rel="icon" type="image/png" sizes="16x16" href="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/favicon/opera/favicon-16x16.a9a7b87343e4.png">
<link rel="manifest" href="/webmanifest">
<link rel="mask-icon" href="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/favicon/opera/safari-pinned-tab.fff3923ab692.svg" color="#ff0a21">
<link rel="shortcut icon" href="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/favicon/opera/favicon.18388eb39bfd.ico">
<meta name="theme-color" content="#FF1B2D">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="msapplication-config" content="https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/favicon/opera/browserconfig.f5848516ccd3.xml">
<meta name="theme-color" content="#ffffff">

关于 opera.com favicon 的常见问题

opera.com 的 favicon 在哪里?

主 favicon 位于 https://cdn-production-opera-website.operacdn.com/staticfiles/assets/images/favicon/opera/favicon-32x32.4715c1054910.png。默认路径 https://www.opera.com/favicon.ico 也返回了一个图标。

opera.com 的 favicon 尺寸是多少?

favicon-32x32.4715c1054910.png 的尺寸是 32×32。该网站最大的位图图标是 android-chrome-256x256.0b7ebdef4384.png,256×256 px。

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

该网站符合 Google 的要求:apple-touch-icon.91bbceaeaa8a.png 是一个 180×180 的 PNG 文件(4.0 KB),且 robots.txt 允许访问。最终显示什么,仍由 Google 决定。

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

Apple touch icon 的尺寸是 180×180。manifest 中没有 maskable 图标,所以安卓会把常规图标缩小后放在白色圆形上。

更多 favicon 检测报告

所有已检测的网站