github.com 的 favicon
- 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 图标。
显示效果
根据找到的文件渲染。
请确认图标在深色标签页上仍然清晰可见。
iOS 会把 120 放大到 180 px,所以图标在 Retina 屏幕上会发虚。
没有 maskable 图标,所以安卓会把常规图标缩小后放在白色圆形上。
github.com 的所有 favicon 文件
找到 15 个| 文件 | 来源 | 格式 | 尺寸 | 体积 |
|---|---|---|---|---|
| favicon.ico | 默认路径 | ICO | 16, 32 px | 6.4 KB |
| pinned-octocat-093da3e6fa40.svg | rel="mask-icon" | SVG | 矢量 | 1009 B |
| favicon.png | rel="icon" | PNG | 32×32 | 958 B |
| favicon.svg | rel="icon" | SVG | 矢量 | 959 B |
| apple-touch-icon.png | 默认路径 | PNG | 120×120 | 10.7 KB |
| app-icon-192-bcc967ab9829.png | manifest | PNG | 192×192 | 2.9 KB |
| app-icon-512-7f9c4ff2e960.png | manifest | PNG | 512×512 | 9.6 KB |
| apple-touch-icon-114x114-09ce42d3ca4b.png | manifest | PNG | 114×114 | 9.8 KB |
| apple-touch-icon-120x120-92bd46d04241.png | manifest | PNG | 120×120 | 10.7 KB |
| apple-touch-icon-144x144-b882e354c005.png | manifest | PNG | 144×144 | 14.1 KB |
| apple-touch-icon-152x152-5f777cdc30ae.png | manifest | PNG | 152×152 | 16.3 KB |
| apple-touch-icon-180x180-a80b8e11abe2.png | manifest | PNG | 180×180 | 20.6 KB |
| apple-touch-icon-57x57-22f09f5b3a64.png | manifest | PNG | 57×57 | 3.2 KB |
| apple-touch-icon-60x60-19037ac897bf.png | manifest | PNG | 60×60 | 3.5 KB |
| apple-touch-icon-72x72-e090c8a282d0.png | manifest | PNG | 72×72 | 4.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 项通过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 项可选- nameGitHub
- short_nameGitHub
- start_url/
- displaystandalone
- theme_color为已安装应用的标题栏着色。未设置
- background_color启动画面的背景色。未设置
- icons · 192×192PNG · 2.9 KB · 200
- icons · 512×512PNG · 9.6 KB · 200
- icons · purpose: maskable没有它,安卓会把你的图标缩小后放在白色圆形上。未找到
- id未设置
Google 搜索
5 项通过 · 1 项警告- 支持的文件格式PNG · favicon.png
- 正方形,至少 8×8 px32×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 项警告- 所有图标使用 HTTPS15 / 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 图标,所以安卓会把常规图标缩小后放在白色圆形上。