pinterest.com 的 favicon
- 24通过
- 3警告
- 3缺失
- 3可选
pinterest.com 的主 favicon 是 favicon_48x48-7470a30d.png,一个 48×48 的 PNG 文件(1.6 KB)。共找到 5 个图标文件,总大小 18.6 KB。Google 搜索可以使用 logo_transparent_144x144-3da7a67b.png,一个 144×144 的 PNG 文件(3.3 KB)。该网站得分 82/100:通过 24 项,警告 3 项,缺失 3 项。缺失:SVG favicon、512 px manifest 图标、maskable manifest 图标。
显示效果
根据找到的文件渲染。
iOS 会把透明区域填成黑色,并把 144 放大到 180 px,所以图标在 Retina 屏幕上会发虚。
没有 maskable 图标,所以安卓会把常规图标缩小后放在白色圆形上。
manifest 中没有 512 px 图标,所以没有安装提示和启动画面。
pinterest.com 的所有 favicon 文件
找到 5 个| 文件 | 来源 | 格式 | 尺寸 | 体积 |
|---|---|---|---|---|
| favicon.ico | 默认路径 | PNG | 16×16 | 1.6 KB |
| logo_transparent_144x144-3da7a67b.png | rel="apple-touch-icon" | PNG | 144×144 | 3.3 KB |
| pinterest_favicon-70db4fa7.svg | rel="mask-icon" | SVG | 矢量 | 1.1 KB |
| favicon_48x48-7470a30d.png | rel="icon" | PNG | 48×48 | 1.6 KB |
| favicon_red_192.png | manifest | PNG | 192×192 | 11.0 KB |
经典 favicon
1 项通过 · 1 项警告favicon.ico
警告GET /favicon.ico · HTML 中未声明(在根目录找到)
- 格式
- PNG,不是 ICO
- 包含
- 16×16
- 文件大小
- 1.6 KB
- HTTP
- 200
- Content-Type
- image/vnd.microsoft.icon
- 缓存
- 无
这是一个名为 .ico 的 PNG 文件。浏览器能识别,但较旧的工具需要真正的 ICO。
PNG
通过<link href="https://s.pinimg.com/webapp/favicon_48x48-7470a30d.png" rel="icon">
- 声明
- 无尺寸
- 实际
- 48×48
- 格式
- PNG
- 文件大小
- 1.6 KB
- HTTP
- 200
- Content-Type
- image/png
SVG 图标
1 项缺失SVG favicon
缺失<link rel="icon" type="image/svg+xml" href="…"> – 未找到
SVG 图标在任何尺寸下都清晰,还能在深色浏览器主题下切换颜色。
Apple
1 项通过 · 1 项警告Apple touch icon
警告<link href="https://s.pinimg.com/webapp/logo_transparent_144x144-3da7a67b.png" rel="apple-touch-icon">
- 声明
- 无尺寸
- 实际
- 144×144
- 建议
- 180×180
- 背景
- 透明
- 文件大小
- 3.3 KB
- HTTP
- 200
iOS 会把透明区域填成黑色,并把 144 放大到 180 px,所以图标在 Retina 屏幕上会发虚。
Safari 固定标签页(mask-icon)
通过<link color="var(--base-color-pinterest)" href="https://s.pinimg.com/webapp/pinterest_favicon-70db4fa7.svg" rel="mask-icon" sizes="any">
- 颜色
- var(--base-color-pinterest)
- 文件大小
- 1.1 KB
旧标签。Safari 12 及以上使用常规 favicon。
Web 应用 manifest 文件
1 项通过manifest.json
通过<link href="/manifest.json" rel="manifest">
- HTTP
- 200
- Content-Type
- application/json
- JSON
- 有效
- 文件大小
- 1.5 KB
- 同源
- 是
- 缓存
- 无
Manifest 字段
7 项通过 · 2 项缺失 · 1 项可选- namePinterest
- short_namePinterest
- start_url/?utm_source=homescreen_icon
- displayminimal-ui
- theme_color#FFFFFF
- background_color#fff
- icons · 192×192PNG · 11.0 KB · 200
- icons · 512×512安装提示和启动画面需要它。未找到
- icons · purpose: maskable没有它,安卓会把你的图标缩小后放在白色圆形上。未找到
- id未设置
Google 搜索
6 项通过- 支持的文件格式PNG · logo_transparent_144x144-3da7a67b.png
- 正方形,至少 8×8 px144×144
- 大于 48×48 px144 px
- 在首页中声明是
- 未被 robots.txt 屏蔽允许
- 网址稳定无重定向
Meta 与旧版
2 项通过 · 2 项可选- theme-color#FFFFFF
- 深色模式的 theme-colormedia="(prefers-color-scheme: dark)"未设置
- msapplication-TileColor#ffffff
- browserconfig.xmlWindows 磁贴,旧版。未找到
传输与性能
6 项通过 · 1 项警告- 所有图标使用 HTTPS5 / 5
- 没有混合内容0 个 http:// 链接
- 没有失效链接0 个错误
- 缓存头图标很少改动,请至少缓存一天。4 / 5 · ≥ 1 天
- 图标总体积18.6 KB
- 重定向0
- 重复的标签无
在 <head> 中找到的图标标签
<link href="https://s.pinimg.com/webapp/logo_transparent_144x144-3da7a67b.png" rel="apple-touch-icon"> <link color="var(--base-color-pinterest)" href="https://s.pinimg.com/webapp/pinterest_favicon-70db4fa7.svg" rel="mask-icon" sizes="any"> <link href="https://s.pinimg.com/webapp/favicon_48x48-7470a30d.png" rel="icon"> <link href="/manifest.json" rel="manifest"> <meta content="#ffffff" name="msapplication-TileColor"> <meta content="https://s.pinimg.com/webapp/logo_transparent_144x144-3da7a67b.png" name="msapplication-TileImage"> <meta content="#FFFFFF" data-app="true" name="theme-color" property="theme-color">
关于 pinterest.com favicon 的常见问题
pinterest.com 的 favicon 在哪里?
主 favicon 位于 https://s.pinimg.com/webapp/favicon_48x48-7470a30d.png。默认路径 https://www.pinterest.com/favicon.ico 也返回了一个图标。
pinterest.com 的 favicon 尺寸是多少?
favicon_48x48-7470a30d.png 的尺寸是 48×48。该网站最大的位图图标是 favicon_red_192.png,192×192 px。
Google 搜索能显示 pinterest.com 的 favicon 吗?
该网站符合 Google 的要求:logo_transparent_144x144-3da7a67b.png 是一个 144×144 的 PNG 文件(3.3 KB),且 robots.txt 允许访问。最终显示什么,仍由 Google 决定。
pinterest.com 有 Apple touch icon 和 maskable 图标吗?
Apple touch icon 的尺寸是 144×144,带有透明区域,iOS 会把这些区域变成黑色。manifest 中没有 maskable 图标,所以安卓会把常规图标缩小后放在白色圆形上。