favicon-checker.com

github.com 的 favicon

https://github.com/ · 检测于

  • 23通过
  • 5警告
  • 1缺失
  • 4可选

github.com 的主 favicon 是 favicon.svg,一个 959 B 的 SVG 文件。共找到 15 个图标文件,总大小 115.2 KB。Google 搜索可以使用 favicon.png,一个 32×32 的 PNG 文件(958 B)。该网站得分 88/100:通过 23 项,警告 5 项,缺失 1 项。缺失:maskable manifest 图标。

显示效果

根据找到的文件渲染。

GitHub · Change is constant. GitHub keeps you ahead. · GitHub · GitHub
浏览器标签页 · 浅色通过
GitHub · Change is constant. GitHub keeps you ahead. · GitHub · GitHub
浏览器标签页 · 深色可选

请确认图标在深色标签页上仍然清晰可见。

GitHubhttps://github.com
GitHub · Change is constant. GitHub keeps you ahead. · GitHub · GitHub Join the world's most widely adopted, AI-powered developer platform where millions of developers, businesses, and the largest open source community build software that advances humanity.
Google 搜索警告
GitHub
iOS 主屏幕警告

iOS 会把 120 放大到 180 px,所以图标在 Retina 屏幕上会发虚。

安卓 · maskable缺失

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

GitHub
PWA 安装与启动画面通过

github.com 的所有 favicon 文件

找到 15 个
文件来源格式尺寸体积
favicon.ico默认路径ICO16, 32 px6.4 KB
pinned-octocat-093da3e6fa40.svgrel="mask-icon"SVG矢量1009 B
favicon.pngrel="icon"PNG32×32958 B
favicon.svgrel="icon"SVG矢量959 B
apple-touch-icon.png默认路径PNG120×12010.7 KB
app-icon-192-bcc967ab9829.pngmanifestPNG192×1922.9 KB
app-icon-512-7f9c4ff2e960.pngmanifestPNG512×5129.6 KB
apple-touch-icon-114x114-09ce42d3ca4b.pngmanifestPNG114×1149.8 KB
apple-touch-icon-120x120-92bd46d04241.pngmanifestPNG120×12010.7 KB
apple-touch-icon-144x144-b882e354c005.pngmanifestPNG144×14414.1 KB
apple-touch-icon-152x152-5f777cdc30ae.pngmanifestPNG152×15216.3 KB
apple-touch-icon-180x180-a80b8e11abe2.pngmanifestPNG180×18020.6 KB
apple-touch-icon-57x57-22f09f5b3a64.pngmanifestPNG57×573.2 KB
apple-touch-icon-60x60-19037ac897bf.pngmanifestPNG60×603.5 KB
apple-touch-icon-72x72-e090c8a282d0.pngmanifestPNG72×724.4 KB

经典 favicon

2 项通过

favicon.ico

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

PNG

通过
<link rel="alternate icon" class="js-site-favicon" type="image/png" href="https://github.githubassets.com/favicons/favicon.png">
声明
无尺寸
实际
32×32
格式
PNG
文件大小
958 B
HTTP
200
Content-Type
image/png

SVG 图标

1 项通过

SVG favicon

通过
<link rel="icon" class="js-site-favicon" type="image/svg+xml" href="https://github.githubassets.com/favicons/favicon.svg" data-base-href="https://github.githubassets.com/favicons/favicon">
正方形 viewBox
是
深色模式
否
脚本
无
文件大小
959 B
HTTP
200
Content-Type
image/svg+xml

在 SVG 中加入 prefers-color-scheme 媒体查询,即可在深色浏览器主题下切换颜色。

Apple

1 项通过 · 1 项警告

Apple touch icon

警告
未声明 · 在 /apple-touch-icon.png 找到
声明
未声明
实际
120×120
建议
180×180
背景
不透明
文件大小
10.7 KB
HTTP
200

iOS 会把 120 放大到 180 px,所以图标在 Retina 屏幕上会发虚。

Safari 固定标签页(mask-icon)

通过
<link rel="mask-icon" href="https://github.githubassets.com/assets/pinned-octocat-093da3e6fa40.svg" color="#000000">
颜色
#000000
文件大小
1009 B

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

Web 应用 manifest 文件

1 项通过
json

manifest.json

通过
<link rel="manifest" href="/manifest.json" crossorigin="use-credentials">
HTTP
200
Content-Type
application/manifest+json
JSON
有效
文件大小
1.4 KB
同源
是
缓存
7 天

Manifest 字段

6 项通过 · 2 项警告 · 1 项缺失 · 1 项可选
  • name
    GitHub
  • short_name
    GitHub
  • start_url
    /
  • display
    standalone
  • theme_color为已安装应用的标题栏着色。
    未设置
  • background_color启动画面的背景色。
    未设置
  • icons · 192×192
    PNG · 2.9 KB · 200
  • icons · 512×512
    PNG · 9.6 KB · 200
  • icons · purpose: maskable没有它,安卓会把你的图标缩小后放在白色圆形上。
    未找到
  • id
    未设置

Google 搜索

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

Meta 与旧版

1 项通过 · 3 项可选
  • theme-color
    #1e2327
  • 深色模式的 theme-colormedia="(prefers-color-scheme: dark)"
    未设置
  • msapplication-TileColorWindows 磁贴,旧版。
    未设置
  • browserconfig.xmlWindows 磁贴,旧版。
    未找到

传输与性能

6 项通过 · 1 项警告
  • 所有图标使用 HTTPS
    15 / 15
  • 没有混合内容
    0 个 http:// 链接
  • 没有失效链接
    0 个错误
  • 缓存头图标很少改动,请至少缓存一天。
    12 / 15 · ≥ 1 天
  • 图标总体积
    115.2 KB
  • 重定向
    0
  • 重复的标签
    无

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

<link rel="mask-icon" href="https://github.githubassets.com/assets/pinned-octocat-093da3e6fa40.svg" color="#000000">
<link rel="alternate icon" class="js-site-favicon" type="image/png" href="https://github.githubassets.com/favicons/favicon.png">
<link rel="icon" class="js-site-favicon" type="image/svg+xml" href="https://github.githubassets.com/favicons/favicon.svg" data-base-href="https://github.githubassets.com/favicons/favicon">
<link rel="manifest" href="/manifest.json" crossorigin="use-credentials">
<meta name="theme-color" content="#1e2327">

关于 github.com favicon 的常见问题

github.com 的 favicon 在哪里?

主 favicon 位于 https://github.githubassets.com/favicons/favicon.svg。默认路径 https://github.com/favicon.ico 也返回了一个图标。

github.com 的 favicon 尺寸是多少?

favicon.svg 是矢量文件,可缩放到任意尺寸。该网站最大的位图图标是 app-icon-512-7f9c4ff2e960.png,512×512 px。

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

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

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

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

更多 favicon 检测报告

所有已检测的网站