favicon-checker.com

duolingo.com 的 favicon

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

  • 22通过
  • 2警告
  • 3缺失
  • 6可选

duolingo.com 的主 favicon 是 favicon.ico,一个含 16、32和48 px 图像的 ICO 文件(15.0 KB)。共找到 4 个图标文件,总大小 73.0 KB。Google 搜索可以使用 duolingo-touch-icon2.png,一个 180×180 的 PNG 文件(10.9 KB)。该网站得分 81/100:通过 22 项,警告 2 项,缺失 3 项。缺失:favicon.ico、SVG favicon、maskable manifest 图标。

显示效果

根据找到的文件渲染。

Duolingo
浏览器标签页 · 浅色通过
Duolingo
浏览器标签页 · 深色通过
Duolingohttps://www.duolingo.com
Duolingo Duolingo is the world's most popular way to learn a language. It's 100% free, fun and science-based. Practice online on duolingo.com or on the apps!
Google 搜索通过
Duolingo
iOS 主屏幕警告

iOS 会把透明区域填成黑色。请给图标加上纯色背景。

安卓 · maskable缺失

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

Duolingo
PWA 安装与启动画面通过

duolingo.com 的所有 favicon 文件

找到 4 个
文件来源格式尺寸体积
duolingo-touch-icon2.pngrel="apple-touch-icon"PNG180×18010.9 KB
favicon.icorel="icon"ICO16, 32, 48 px15.0 KB
pwa-icon-circle-192.pngmanifestPNG192×19211.8 KB
pwa-icon-circle-512.pngmanifestPNG512×51235.3 KB

经典 favicon

1 项通过 · 1 项缺失
ico

favicon.ico

缺失
GET /favicon.ico – 未找到
HTTP
200

即使 HTML 声明了其他图标,浏览器、RSS 阅读器和许多爬虫仍会请求 /favicon.ico。该网址返回的不是图片(text/html)。

ICO

通过
<link rel="icon" href="https://d35aaqx5ub95lt.cloudfront.net/favicon.ico">
声明
无尺寸
实际
16 · 32 · 48
格式
ICO
文件大小
15.0 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 项警告 · 1 项可选

Apple touch icon

警告
<link rel="apple-touch-icon" href="https://d35aaqx5ub95lt.cloudfront.net/images/duolingo-touch-icon2.png">
声明
无尺寸
实际
180×180
建议
180×180
背景
透明
文件大小
10.9 KB
HTTP
200

iOS 会把透明区域填成黑色。请给图标加上纯色背景。

mask

Safari 固定标签页(mask-icon)

可选
<link rel="mask-icon" href="…" color="…"> – 未找到

旧标签。Safari 12 及以上使用常规 favicon,所以不再需要它。

Web 应用 manifest 文件

1 项通过
json

manifest.json

通过
<link rel="manifest" href="/manifest.json">
HTTP
200
Content-Type
application/json
JSON
有效
文件大小
488 B
同源
是
缓存
no-cache

Manifest 字段

7 项通过 · 1 项警告 · 1 项缺失 · 1 项可选
  • name
    Duolingo
  • short_name
    Duolingo
  • start_url
    /?utm_source=pwa_launch
  • display
    standalone
  • theme_color为已安装应用的标题栏着色。
    未设置
  • background_color
    #ffffff
  • icons · 192×192
    PNG · 11.8 KB · 200
  • icons · 512×512
    PNG · 35.3 KB · 200
  • icons · purpose: maskable没有它,安卓会把你的图标缩小后放在白色圆形上。
    未找到
  • id
    未设置

Google 搜索

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

Meta 与旧版

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

传输与性能

7 项通过
  • 所有图标使用 HTTPS
    4 / 4
  • 没有混合内容
    0 个 http:// 链接
  • 没有失效链接
    0 个错误
  • 缓存头
    4 / 4 · ≥ 1 天
  • 图标总体积
    73.0 KB
  • 重定向
    0
  • 重复的标签
    无

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

<link rel="apple-touch-icon" href="https://d35aaqx5ub95lt.cloudfront.net/images/duolingo-touch-icon2.png">
<link rel="icon" href="https://d35aaqx5ub95lt.cloudfront.net/favicon.ico">
<link rel="manifest" href="/manifest.json">

关于 duolingo.com favicon 的常见问题

duolingo.com 的 favicon 在哪里?

主 favicon 位于 https://d35aaqx5ub95lt.cloudfront.net/favicon.ico。

duolingo.com 的 favicon 尺寸是多少?

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

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

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

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

Apple touch icon 的尺寸是 180×180,带有透明区域,iOS 会把这些区域变成黑色。manifest 中没有 maskable 图标,所以安卓会把常规图标缩小后放在白色圆形上。

更多 favicon 检测报告

所有已检测的网站