favicon-checker.com

tumblr.com 的 favicon

https://www.tumblr.com/ · 1 次重定向 · 检测于

  • 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 项。

显示效果

根据找到的文件渲染。

Tumblr
浏览器标签页 · 浅色通过
Tumblr
浏览器标签页 · 深色可选

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

Tumblrhttps://www.tumblr.com
Tumblr Tumblr is the place you go to be yourself on the internet. No performance, no perfection. Just you, and the people who get it.
Google 搜索通过
Tumblr
iOS 主屏幕通过
安卓 · maskable通过
Tumblr
PWA 安装与启动画面通过

tumblr.com 的所有 favicon 文件

找到 14 个
文件来源格式尺寸体积
favicon.ico默认路径ICO16, 32, 48 px14.7 KB
favicon-0e3d244a.icorel="icon"ICO16, 32, 48 px14.7 KB
favicon-cfddd25f.svgrel="icon"SVG矢量611 B
safari-pinned-tab-ad5440dd.svgrel="mask-icon"SVG矢量762 B
apple-touch-icon-f8ea2554.pngrel="apple-touch-icon"PNG192×1923.1 KB
icon_48-c73a9a7f.pngmanifest,maskablePNG48×481.8 KB
icon_72-5073ca87.pngmanifest,maskablePNG72×721.8 KB
icon_96-fd166d1c.pngmanifest,maskablePNG96×962.2 KB
icon_144-f8ea4b2f.pngmanifest,maskablePNG144×1442.4 KB
icon_192-f8ea2554.pngmanifest,maskablePNG192×1923.1 KB
icon_512-b1e6d65e.pngmanifest,maskablePNG512×5125.3 KB
icon_1024-68ae29e6.pngmanifest,maskablePNG1024×102421.6 KB
icon_transparent_192-11c337ee.pngmanifestPNG192×1927.2 KB
icon_transparent_512-f2cb4399.pngmanifestPNG512×51214.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 项通过
  • name
    Tumblr
  • short_name
    Tumblr
  • start_url
    /
  • display
    standalone
  • theme_color
    #36465d
  • background_color
    #36465d
  • icons · 192×192
    PNG · 7.2 KB · 200
  • icons · 512×512
    PNG · 14.5 KB · 200
  • icons · purpose: maskable
    48×48
  • id
    https://www.tumblr.com/

Google 搜索

6 项通过
  • 支持的文件格式
    PNG · apple-touch-icon-f8ea2554.png
  • 正方形,至少 8×8 px
    192×192
  • 大于 48×48 px
    192 px
  • 在首页中声明
    是
  • 未被 robots.txt 屏蔽
    允许
  • 网址稳定
    无重定向

Meta 与旧版

2 项通过 · 2 项可选
  • theme-color为手机上的浏览器界面着色。
    未设置
  • 深色模式的 theme-colormedia="(prefers-color-scheme: dark)"
    未设置
  • msapplication-TileColor
    #001936
  • browserconfig.xml
    已找到

传输与性能

7 项通过
  • 所有图标使用 HTTPS
    14 / 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 图标。

更多 favicon 检测报告

所有已检测的网站