浏览器标签页 · 浅色通过
mastodon.social 的 favicon
- 28通过
- 2警告
- 2缺失
- 8可选
mastodon.social 的主 favicon 是 favicon-32x32-CiQz7Niw.png，一个 32×32 的 PNG 文件（1.1 KB）。共找到 19 个图标文件，总大小 115.5 KB。Google 搜索可以使用 apple-touch-icon-167x167-DdVi4pJj.png，一个 167×167 的 PNG 文件（6.9 KB）。该网站得分 87/100：通过 28 项，警告 2 项，缺失 2 项。缺失：favicon.ico、SVG favicon。
显示效果
根据找到的文件渲染。
浏览器标签页 · 深色通过
Mastodon hosted on mastodon.socialhttps://mastodon.social
Google 搜索通过
Mastodon.social
iOS 主屏幕可选
旧尺寸。当前的 iOS 使用 180 px 的图标。
安卓 · maskable通过
Mastodon.social
PWA 安装与启动画面通过
mastodon.social 的所有 favicon 文件
找到 19 个| 文件 | 来源 | 格式 | 尺寸 | 体积 |
|---|---|---|---|---|
| favicon-16x16-74JBPGmr.png | rel="icon" | PNG | 16×16 | 588 B |
| favicon-32x32-CiQz7Niw.png | rel="icon" | PNG | 32×32 | 1.1 KB |
| favicon-48x48-DMnduFKh.png | rel="icon" | PNG | 48×48 | 1.6 KB |
| apple-touch-icon-57x57-BsPGHSez.png | rel="apple-touch-icon" | PNG | 57×57 | 1.6 KB |
| apple-touch-icon-60x60-CQE7yLDO.png | rel="apple-touch-icon" | PNG | 60×60 | 1.7 KB |
| android-chrome-72x72-9LRpA3QN.png | rel="apple-touch-icon" · manifest，maskable | PNG | 72×72 | 2.2 KB |
| apple-touch-icon-76x76-BPRp9FS0.png | rel="apple-touch-icon" | PNG | 76×76 | 2.3 KB |
| apple-touch-icon-114x114-Ch7jwTNh.png | rel="apple-touch-icon" | PNG | 114×114 | 4.0 KB |
| apple-touch-icon-120x120-W9xwzzUZ.png | rel="apple-touch-icon" | PNG | 120×120 | 4.3 KB |
| android-chrome-144x144-D-ewI-KZ.png | rel="apple-touch-icon" · manifest，maskable | PNG | 144×144 | 5.7 KB |
| apple-touch-icon-152x152-s3oy-zRw.png | rel="apple-touch-icon" | PNG | 152×152 | 6.0 KB |
| apple-touch-icon-167x167-DdVi4pJj.png | rel="apple-touch-icon" | PNG | 167×167 | 6.9 KB |
| android-chrome-36x36-DLiBQg3N.png | manifest，maskable | PNG | 36×36 | 950 B |
| android-chrome-48x48-C7lKWFwX.png | manifest，maskable | PNG | 48×48 | 1.4 KB |
| android-chrome-96x96-BKKwkkY-.png | manifest，maskable | PNG | 96×96 | 3.2 KB |
| android-chrome-192x192-jYKJbpas.png | manifest，maskable | PNG | 192×192 | 8.5 KB |
| android-chrome-256x256-DXt2vsq7.png | manifest，maskable | PNG | 256×256 | 11.7 KB |
| android-chrome-384x384-CbK7cG33.png | manifest，maskable | PNG | 384×384 | 20.6 KB |
| android-chrome-512x512-Dz2ThkhV.png | manifest，maskable | PNG | 512×512 | 31.1 KB |
经典 favicon
3 项通过 · 1 项缺失ico
favicon.ico
缺失GET /favicon.ico – 未找到
- HTTP
- 404
即使 HTML 声明了其他图标，浏览器、RSS 阅读器和许多爬虫仍会请求 /favicon.ico。该文件返回 HTTP 404。
PNG 16×16
通过<link href="/packs/assets/favicon-16x16-74JBPGmr.png" rel="icon" sizes="16x16" type="image/png">
- 声明
- 16×16
- 实际
- 16×16
- 格式
- PNG
- 文件大小
- 588 B
- HTTP
- 200
- Content-Type
- image/png
PNG 32×32
通过<link href="/packs/assets/favicon-32x32-CiQz7Niw.png" rel="icon" sizes="32x32" type="image/png">
- 声明
- 32×32
- 实际
- 32×32
- 格式
- PNG
- 文件大小
- 1.1 KB
- HTTP
- 200
- Content-Type
- image/png
PNG 48×48
通过<link href="/packs/assets/favicon-48x48-DMnduFKh.png" rel="icon" sizes="48x48" type="image/png">
- 声明
- 48×48
- 实际
- 48×48
- 格式
- PNG
- 文件大小
- 1.6 KB
- HTTP
- 200
- Content-Type
- image/png
SVG 图标
1 项缺失svg
SVG favicon
缺失<link rel="icon" type="image/svg+xml" href="…"> – 未找到
SVG 图标在任何尺寸下都清晰，还能在深色浏览器主题下切换颜色。
Apple
1 项警告 · 6 项可选Apple touch icon 57×57
可选<link href="/packs/assets/apple-touch-icon-57x57-BsPGHSez.png" rel="apple-touch-icon" sizes="57x57">
- 声明
- 57×57
- 实际
- 57×57
- 建议
- 180×180
- 背景
- 未测量
- 文件大小
- 1.6 KB
- HTTP
- 200
旧尺寸。当前的 iOS 使用 180 px 的图标。
Apple touch icon 60×60
可选<link href="/packs/assets/apple-touch-icon-60x60-CQE7yLDO.png" rel="apple-touch-icon" sizes="60x60">
- 声明
- 60×60
- 实际
- 60×60
- 建议
- 180×180
- 背景
- 未测量
- 文件大小
- 1.7 KB
- HTTP
- 200
旧尺寸。当前的 iOS 使用 180 px 的图标。
Apple touch icon 72×72
可选<link href="/packs/assets/android-chrome-72x72-9LRpA3QN.png" rel="apple-touch-icon" sizes="72x72">
- 声明
- 72×72
- 实际
- 72×72
- 建议
- 180×180
- 背景
- 未测量
- 文件大小
- 2.2 KB
- HTTP
- 200
旧尺寸。当前的 iOS 使用 180 px 的图标。
Apple touch icon 76×76
可选<link href="/packs/assets/apple-touch-icon-76x76-BPRp9FS0.png" rel="apple-touch-icon" sizes="76x76">
- 声明
- 76×76
- 实际
- 76×76
- 建议
- 180×180
- 背景
- 未测量
- 文件大小
- 2.3 KB
- HTTP
- 200
旧尺寸。当前的 iOS 使用 180 px 的图标。
Apple touch icon 114×114
可选<link href="/packs/assets/apple-touch-icon-114x114-Ch7jwTNh.png" rel="apple-touch-icon" sizes="114x114">
- 声明
- 114×114
- 实际
- 114×114
- 建议
- 180×180
- 背景
- 未测量
- 文件大小
- 4.0 KB
- HTTP
- 200
旧尺寸。当前的 iOS 使用 180 px 的图标。
Apple touch icon 120×120
可选<link href="/packs/assets/apple-touch-icon-120x120-W9xwzzUZ.png" rel="apple-touch-icon" sizes="120x120">
- 声明
- 120×120
- 实际
- 120×120
- 建议
- 180×180
- 背景
- 未测量
- 文件大小
- 4.3 KB
- HTTP
- 200
旧尺寸。当前的 iOS 使用 180 px 的图标。
mask
Safari 固定标签页（mask-icon）
警告<link color="#6364FF" href="/packs/assets/logo-symbol-icon-BQIzGafT.svg" rel="mask-icon">
- 颜色
- #6364FF
无法获取该文件（连接失败）。
Web 应用 manifest 文件
1 项通过json
manifest
通过<link href="/manifest" rel="manifest">
- HTTP
- 200
- Content-Type
- application/json
- JSON
- 有效
- 文件大小
- 2.2 KB
- 同源
- 是
- 缓存
- 3 分钟
Manifest 字段
10 项通过- nameMastodon.social
- short_nameMastodon.social
- start_url/
- displaystandalone
- theme_color#191b22
- background_color#191b22
- icons · 192×192PNG · 8.5 KB · 200
- icons · 512×512PNG · 31.1 KB · 200
- icons · purpose: maskable36×36
- id/home
Google 搜索
6 项通过- 支持的文件格式PNG · apple-touch-icon-167x167-DdVi4pJj.png
- 正方形，至少 8×8 px167×167
- 大于 48×48 px167 px
- 在首页中声明是
- 未被 robots.txt 屏蔽允许
- 网址稳定无重定向
Meta 与旧版
2 项通过 · 2 项可选- theme-color#ffffff
- 深色模式的 theme-color#181820
- msapplication-TileColorWindows 磁贴，旧版。未设置
- browserconfig.xmlWindows 磁贴，旧版。未找到
传输与性能
6 项通过 · 1 项警告- 所有图标使用 HTTPS19 / 19
- 没有混合内容0 个 http:// 链接
- 没有失效链接0 个错误
- 缓存头图标很少改动，请至少缓存一天。0 / 19 · ≥ 1 天
- 图标总体积115.5 KB
- 重定向0
- 重复的标签无
在 <head> 中找到的图标标签
<link href="/packs/assets/favicon-16x16-74JBPGmr.png" rel="icon" sizes="16x16" type="image/png"> <link href="/packs/assets/favicon-32x32-CiQz7Niw.png" rel="icon" sizes="32x32" type="image/png"> <link href="/packs/assets/favicon-48x48-DMnduFKh.png" rel="icon" sizes="48x48" type="image/png"> <link href="/packs/assets/apple-touch-icon-57x57-BsPGHSez.png" rel="apple-touch-icon" sizes="57x57"> <link href="/packs/assets/apple-touch-icon-60x60-CQE7yLDO.png" rel="apple-touch-icon" sizes="60x60"> <link href="/packs/assets/android-chrome-72x72-9LRpA3QN.png" rel="apple-touch-icon" sizes="72x72"> <link href="/packs/assets/apple-touch-icon-76x76-BPRp9FS0.png" rel="apple-touch-icon" sizes="76x76"> <link href="/packs/assets/apple-touch-icon-114x114-Ch7jwTNh.png" rel="apple-touch-icon" sizes="114x114"> <link href="/packs/assets/apple-touch-icon-120x120-W9xwzzUZ.png" rel="apple-touch-icon" sizes="120x120"> <link href="/packs/assets/android-chrome-144x144-D-ewI-KZ.png" rel="apple-touch-icon" sizes="144x144"> <link href="/packs/assets/apple-touch-icon-152x152-s3oy-zRw.png" rel="apple-touch-icon" sizes="152x152"> <link href="/packs/assets/apple-touch-icon-167x167-DdVi4pJj.png" rel="apple-touch-icon" sizes="167x167"> <link href="/packs/assets/apple-touch-icon-180x180-DSCV_HvQ.png" rel="apple-touch-icon" sizes="180x180"> <link href="/packs/assets/apple-touch-icon-1024x1024-B3Tu3EqI.png" rel="apple-touch-icon" sizes="1024x1024"> <link color="#6364FF" href="/packs/assets/logo-symbol-icon-BQIzGafT.svg" rel="mask-icon"> <link href="/manifest" rel="manifest"> <meta name="theme-color" content="#181820" media="(prefers-color-scheme: dark)"> <meta name="theme-color" content="#ffffff" media="(prefers-color-scheme: light)">
关于 mastodon.social favicon 的常见问题
mastodon.social 的 favicon 在哪里？
主 favicon 位于 https://mastodon.social/packs/assets/favicon-32x32-CiQz7Niw.png。
mastodon.social 的 favicon 尺寸是多少？
favicon-32x32-CiQz7Niw.png 的尺寸是 32×32。该网站最大的位图图标是 android-chrome-512x512-Dz2ThkhV.png，512×512 px。
Google 搜索能显示 mastodon.social 的 favicon 吗？
该网站符合 Google 的要求：apple-touch-icon-167x167-DdVi4pJj.png 是一个 167×167 的 PNG 文件（6.9 KB），且 robots.txt 允许访问。最终显示什么，仍由 Google 决定。
mastodon.social 有 Apple touch icon 和 maskable 图标吗？
Apple touch icon 的尺寸是 167×167。manifest 中包含 maskable 图标。