heroku.com 的 favicon

https://www.heroku.com/ · 1 次重定向 · 检测于 2026年11月5日

14通过
4警告
2缺失
4可选

heroku.com 的主 favicon 是 apple-touch-icon-180x180-1.png，一个 32×32 的 WebP 文件（616 B）。共找到 3 个图标文件，总大小 8.7 KB。Google 搜索可以使用 favicon.ico，一个含 16 px 图像的 ICO 文件（198 B）。该网站得分 80/100：通过 14 项，警告 4 项，缺失 2 项。缺失：SVG favicon、Web 应用 manifest。

显示效果

根据找到的文件渲染。

Heroku | The Cloud Application Platform For Developers

浏览器标签页 · 浅色通过

Heroku | The Cloud Application Platform For Developers

浏览器标签页 · 深色可选

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

Herokuhttps://www.heroku.com

Heroku | The Cloud Application Platform For Developers Experience fully managed app hosting that just works. Build, deploy, and scale on the battle-tested platform that defines the industry.

Google 搜索警告

Heroku

iOS 主屏幕警告

iOS 需要 PNG，而这个文件是 WebP。

512

安卓 · maskable缺失

manifest 中没有图标，所以安卓会改用截图或一个字母。

splash

PWA 安装与启动画面缺失

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

heroku.com 的所有 favicon 文件

找到 3 个

文件	来源	格式	尺寸	体积
favicon.ico	默认路径	ICO	16 px	198 B
apple-touch-icon-180x180-1.png	rel="icon"	WebP	32×32	616 B
apple-touch-icon-180x180-1.png	rel="icon" · rel="apple-touch-icon"	WebP	180×180	7.9 KB

经典 favicon

2 项通过 · 1 项警告

favicon.ico

通过

GET /favicon.ico · HTML 中未声明（在根目录找到）

格式: ICO（真实）
包含: 16
文件大小: 198 B
HTTP: 200
Content-Type: image/x-icon
缓存: 4 小时

WebP 32×32

通过

<link rel="icon" href="https://www.heroku.com/wp-content/uploads/2025/01/apple-touch-icon-180x180-1.png?w=32" sizes="32x32">

声明: 32×32
实际: 32×32
格式: WebP
文件大小: 616 B
HTTP: 200
Content-Type: image/webp

WebP 192×192

警告

<link rel="icon" href="https://www.heroku.com/wp-content/uploads/2025/01/apple-touch-icon-180x180-1.png?w=180" sizes="192x192">

声明: 192×192
实际: 180×180
格式: WebP
文件大小: 7.9 KB
HTTP: 200
Content-Type: image/webp

声明的尺寸与文件不符，浏览器在小标签页中可能选错图标。

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://www.heroku.com/wp-content/uploads/2025/01/apple-touch-icon-180x180-1.png?w=180">

声明: 无尺寸
实际: 180×180
建议: 180×180
背景: 未测量
文件大小: 7.9 KB
HTTP: 200

iOS 需要 PNG，而这个文件是 WebP。

mask

Safari 固定标签页（mask-icon）

可选

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

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

Web 应用 manifest 文件

1 项缺失

json

Web 应用 manifest

缺失

<link rel="manifest" href="…"> – 未找到

安卓和可安装的 Web 应用从 manifest 中读取图标、名称和颜色。

Google 搜索

5 项通过 · 1 项警告

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

Meta 与旧版

1 项通过 · 3 项可选

theme-color
#5A1BA9
深色模式的 theme-colormedia="(prefers-color-scheme: dark)"
未设置
msapplication-TileColorWindows 磁贴，旧版。
未设置
browserconfig.xmlWindows 磁贴，旧版。
未找到

传输与性能

6 项通过 · 1 项警告

所有图标使用 HTTPS
3 / 3
没有混合内容
0 个 http:// 链接
没有失效链接
0 个错误
缓存头图标很少改动，请至少缓存一天。
2 / 3 · ≥ 1 天
图标总体积
8.7 KB
重定向
0
重复的标签
无

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

<link rel="icon" href="https://www.heroku.com/wp-content/uploads/2025/01/apple-touch-icon-180x180-1.png?w=32" sizes="32x32">
<link rel="icon" href="https://www.heroku.com/wp-content/uploads/2025/01/apple-touch-icon-180x180-1.png?w=180" sizes="192x192">
<link rel="apple-touch-icon" href="https://www.heroku.com/wp-content/uploads/2025/01/apple-touch-icon-180x180-1.png?w=180">
<meta name="theme-color" content="#5A1BA9">
<meta name="msapplication-TileImage" content="https://www.heroku.com/wp-content/uploads/2025/01/apple-touch-icon-180x180-1.png?w=180">

关于 heroku.com favicon 的常见问题