opera.com 的 favicon
- 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 图标。
显示效果
根据找到的文件渲染。
没有 maskable 图标,所以安卓会把常规图标缩小后放在白色圆形上。
manifest 中没有 512 px 图标,所以没有安装提示和启动画面。
opera.com 的所有 favicon 文件
找到 14 个| 文件 | 来源 | 格式 | 尺寸 | 体积 |
|---|---|---|---|---|
| favicon.ico | 默认路径 | ICO | 16, 32 px | 5.3 KB |
| apple-touch-icon.91bbceaeaa8a.png | rel="apple-touch-icon" | PNG | 180×180 | 4.0 KB |
| apple-touch-icon-180x180.91bbceaeaa8a.png | rel="apple-touch-icon" | PNG | 180×180 | 4.0 KB |
| apple-touch-icon-167x167.6a07d1e49b1a.png | rel="apple-touch-icon" | PNG | 167×167 | 3.6 KB |
| apple-touch-icon-152x152.0dbf2a999304.png | rel="apple-touch-icon" | PNG | 152×152 | 3.4 KB |
| apple-touch-icon-120x120.d243dfff693b.png | rel="apple-touch-icon" | PNG | 120×120 | 2.8 KB |
| apple-touch-icon-76x76.f70874da6c7d.png | rel="apple-touch-icon" | PNG | 76×76 | 1.9 KB |
| apple-touch-icon-57x57.9baa10c27134.png | rel="apple-touch-icon" | PNG | 57×57 | 1.5 KB |
| favicon-32x32.4715c1054910.png | rel="icon" | PNG | 32×32 | 561 B |
| favicon-16x16.a9a7b87343e4.png | rel="icon" | PNG | 16×16 | 402 B |
| safari-pinned-tab.fff3923ab692.svg | rel="mask-icon" | SVG | 矢量 | 984 B |
| favicon.18388eb39bfd.ico | rel="icon" | ICO | 32 px | 4.2 KB |
| android-chrome-192x192.48af36cc8f36.png | manifest | PNG | 192×192 | 1.9 KB |
| android-chrome-256x256.0b7ebdef4384.png | manifest | PNG | 256×256 | 2.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 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 项警告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 项可选- nameOpera
- short_nameOpera
- start_url已安装的应用启动时打开的页面。未设置
- displaystandalone
- theme_color#ffffff
- background_color#ffffff
- icons · 192×192PNG · 1.9 KB · 200
- icons · 512×512安装提示和启动画面需要它。未找到
- icons · purpose: maskable没有它,安卓会把你的图标缩小后放在白色圆形上。未找到
- id未设置
Google 搜索
6 项通过- 支持的文件格式PNG · apple-touch-icon.91bbceaeaa8a.png
- 正方形,至少 8×8 px180×180
- 大于 48×48 px180 px
- 在首页中声明是
- 未被 robots.txt 屏蔽允许
- 网址稳定无重定向
Meta 与旧版
3 项通过 · 1 项可选- theme-color#FF1B2D
- 深色模式的 theme-colormedia="(prefers-color-scheme: dark)"未设置
- msapplication-TileColor#da532c
- browserconfig.xml已找到
传输与性能
6 项通过 · 1 项警告- 所有图标使用 HTTPS14 / 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.ico1
- 重复的标签无
在 <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 图标,所以安卓会把常规图标缩小后放在白色圆形上。