浏览器标签页 · 浅色通过
tumblr.com 的 favicon
- 31通过
- 0警告
- 0缺失
- 2可选
tumblr.com 的主 favicon 是 favicon-cfddd25f.svg,一个 611 B 的 SVG 文件。共找到 14 个图标文件,总大小 93.6 KB。Google 搜索可以使用 apple-touch-icon-f8ea2554.png,一个 192×192 的 PNG 文件(3.1 KB)。该网站得分 100/100:通过 31 项,警告 0 项,缺失 0 项。
显示效果
根据找到的文件渲染。
浏览器标签页 · 深色可选
请确认图标在深色标签页上仍然清晰可见。
Tumblrhttps://www.tumblr.com
Google 搜索通过
Tumblr
iOS 主屏幕通过
安卓 · maskable通过
Tumblr
PWA 安装与启动画面通过
tumblr.com 的所有 favicon 文件
找到 14 个| 文件 | 来源 | 格式 | 尺寸 | 体积 |
|---|---|---|---|---|
| favicon.ico | 默认路径 | ICO | 16, 32, 48 px | 14.7 KB |
| favicon-0e3d244a.ico | rel="icon" | ICO | 16, 32, 48 px | 14.7 KB |
| favicon-cfddd25f.svg | rel="icon" | SVG | 矢量 | 611 B |
| safari-pinned-tab-ad5440dd.svg | rel="mask-icon" | SVG | 矢量 | 762 B |
| apple-touch-icon-f8ea2554.png | rel="apple-touch-icon" | PNG | 192×192 | 3.1 KB |
| icon_48-c73a9a7f.png | manifest,maskable | PNG | 48×48 | 1.8 KB |
| icon_72-5073ca87.png | manifest,maskable | PNG | 72×72 | 1.8 KB |
| icon_96-fd166d1c.png | manifest,maskable | PNG | 96×96 | 2.2 KB |
| icon_144-f8ea4b2f.png | manifest,maskable | PNG | 144×144 | 2.4 KB |
| icon_192-f8ea2554.png | manifest,maskable | PNG | 192×192 | 3.1 KB |
| icon_512-b1e6d65e.png | manifest,maskable | PNG | 512×512 | 5.3 KB |
| icon_1024-68ae29e6.png | manifest,maskable | PNG | 1024×1024 | 21.6 KB |
| icon_transparent_192-11c337ee.png | manifest | PNG | 192×192 | 7.2 KB |
| icon_transparent_512-f2cb4399.png | manifest | PNG | 512×512 | 14.5 KB |
经典 favicon
2 项通过favicon.ico
通过GET /favicon.ico · HTML 中未声明(在根目录找到)
- 格式
- ICO(真实)
- 包含
- 16 · 32 · 48
- 文件大小
- 14.7 KB
- HTTP
- 200
- Content-Type
- image/x-icon
- 缓存
- 10 年
ICO
通过<link data-rh="" href="https://assets.tumblr.com/pop/manifest/favicon-0e3d244a.ico" rel="shortcut icon" type="image/x-icon">
- 声明
- 无尺寸
- 实际
- 16 · 32 · 48
- 格式
- ICO
- 文件大小
- 14.7 KB
- HTTP
- 200
- Content-Type
- image/x-icon
SVG 图标
1 项通过SVG favicon
通过<link data-rh="" href="https://assets.tumblr.com/pop/manifest/favicon-cfddd25f.svg" rel="icon" sizes="any" type="image/svg+xml">
- 正方形 viewBox
- 是
- 深色模式
- 否
- 脚本
- 无
- 文件大小
- 611 B
- HTTP
- 200
- Content-Type
- image/svg+xml
在 SVG 中加入 prefers-color-scheme 媒体查询,即可在深色浏览器主题下切换颜色。
Apple
2 项通过Apple touch icon
通过<link data-rh="" href="https://assets.tumblr.com/pop/manifest/apple-touch-icon-f8ea2554.png" rel="apple-touch-icon" sizes="180x180">
- 声明
- 180×180
- 实际
- 192×192
- 建议
- 180×180
- 背景
- 不透明
- 文件大小
- 3.1 KB
- HTTP
- 200
Safari 固定标签页(mask-icon)
通过<link data-rh="" color="#001935" href="https://assets.tumblr.com/pop/manifest/safari-pinned-tab-ad5440dd.svg" rel="mask-icon">
- 颜色
- #001935
- 文件大小
- 762 B
旧标签。Safari 12 及以上使用常规 favicon。
Web 应用 manifest 文件
1 项通过json
manifest.json
通过<link rel="manifest" href="/manifest.json">
- HTTP
- 200
- Content-Type
- application/json
- JSON
- 有效
- 文件大小
- 2.7 KB
- 同源
- 是
- 缓存
- 5 分钟
Manifest 字段
10 项通过- nameTumblr
- short_nameTumblr
- start_url/
- displaystandalone
- theme_color#36465d
- background_color#36465d
- icons · 192×192PNG · 7.2 KB · 200
- icons · 512×512PNG · 14.5 KB · 200
- icons · purpose: maskable48×48
- idhttps://www.tumblr.com/
Google 搜索
6 项通过- 支持的文件格式PNG · apple-touch-icon-f8ea2554.png
- 正方形,至少 8×8 px192×192
- 大于 48×48 px192 px
- 在首页中声明是
- 未被 robots.txt 屏蔽允许
- 网址稳定无重定向
Meta 与旧版
2 项通过 · 2 项可选- theme-color为手机上的浏览器界面着色。未设置
- 深色模式的 theme-colormedia="(prefers-color-scheme: dark)"未设置
- msapplication-TileColor#001936
- browserconfig.xml已找到
传输与性能
7 项通过- 所有图标使用 HTTPS14 / 14
- 没有混合内容0 个 http:// 链接
- 没有失效链接0 个错误
- 缓存头14 / 14 · ≥ 1 天
- 图标总体积93.6 KB
- 重定向0
- 重复的标签无
在 <head> 中找到的图标标签
<link rel="manifest" href="/manifest.json"> <link data-rh="" href="https://assets.tumblr.com/pop/manifest/favicon-0e3d244a.ico" rel="shortcut icon" type="image/x-icon"> <link data-rh="" href="https://assets.tumblr.com/pop/manifest/favicon-cfddd25f.svg" rel="icon" sizes="any" type="image/svg+xml"> <link data-rh="" color="#001935" href="https://assets.tumblr.com/pop/manifest/safari-pinned-tab-ad5440dd.svg" rel="mask-icon"> <link data-rh="" href="https://assets.tumblr.com/pop/manifest/apple-touch-icon-f8ea2554.png" rel="apple-touch-icon" sizes="180x180"> <meta data-rh="" content="#001936" name="msapplication-TileColor"> <meta data-rh="" content="https://assets.tumblr.com/pop/manifest/mstile-150x150-b040e390.png" name="msapplication-TileImage">
关于 tumblr.com favicon 的常见问题
tumblr.com 的 favicon 在哪里?
主 favicon 位于 https://assets.tumblr.com/pop/manifest/favicon-cfddd25f.svg。默认路径 https://www.tumblr.com/favicon.ico 也返回了一个图标。
tumblr.com 的 favicon 尺寸是多少?
favicon-cfddd25f.svg 是矢量文件,可缩放到任意尺寸。该网站最大的位图图标是 icon_1024-68ae29e6.png,1024×1024 px。
Google 搜索能显示 tumblr.com 的 favicon 吗?
该网站符合 Google 的要求:apple-touch-icon-f8ea2554.png 是一个 192×192 的 PNG 文件(3.1 KB),且 robots.txt 允许访问。最终显示什么,仍由 Google 决定。
tumblr.com 有 Apple touch icon 和 maskable 图标吗?
Apple touch icon 的尺寸是 192×192。manifest 中包含 maskable 图标。