blogger.com 的 favicon

https://www.blogger.com/about/?bpli=1 · 5 次重定向 · 检测于 2026年11月5日

20通过
6警告
7缺失
9可选

blogger.com 的主 favicon 是 favicon-32x32.png，一个 32×32 的 PNG 文件（448 B）。共找到 13 个图标文件，总大小 17.5 KB。Google 搜索可以使用 android-chrome-192x192.png，一个 192×192 的 PNG 文件（1.9 KB）。该网站得分 71/100：通过 20 项，警告 6 项，缺失 7 项。缺失：PNG 16×16、图标、SVG favicon，另有 4 项。

显示效果

根据找到的文件渲染。

Blogger.com - Create a unique and beautiful blog easily.

浏览器标签页 · 浅色通过

Blogger.com - Create a unique and beautiful blog easily.

浏览器标签页 · 深色通过

Bloggerhttps://www.blogger.com

Blogger.com - Create a unique and beautiful blog easily. Publish your passions your way. Whether you’d like to share your knowledge, experiences or the latest news, create a unique and beautiful blog.

Google 搜索通过

Blogger

iOS 主屏幕可选

旧尺寸。当前的 iOS 使用 180 px 的图标。

512

安卓 · maskable缺失

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

splash

PWA 安装与启动画面缺失

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

blogger.com 的所有 favicon 文件

找到 13 个

文件	来源	格式	尺寸	体积
favicon.ico	默认路径	ICO	16, 32 px	3.6 KB
apple-touch-icon-57x57.png	rel="apple-touch-icon"	PNG	57×57	730 B
apple-touch-icon-60x60.png	rel="apple-touch-icon"	PNG	60×60	708 B
apple-touch-icon-72x72.png	rel="apple-touch-icon"	PNG	72×72	907 B
apple-touch-icon-76x76.png	rel="apple-touch-icon"	PNG	76×76	907 B
apple-touch-icon-114x114.png	rel="apple-touch-icon"	PNG	114×114	1.2 KB
apple-touch-icon-120x120.png	rel="apple-touch-icon"	PNG	120×120	1.3 KB
apple-touch-icon-144x144.png	rel="apple-touch-icon"	PNG	144×144	1.4 KB
apple-touch-icon-152x152.png	rel="apple-touch-icon"	PNG	152×152	1.6 KB
apple-touch-icon-180x180.png	rel="apple-touch-icon"	PNG	180×180	1.8 KB
favicon-32x32.png	rel="icon"	PNG	32×32	448 B
android-chrome-192x192.png	rel="icon"	PNG	192×192	1.9 KB
favicon-96x96.png	rel="icon"	PNG	96×96	1.1 KB

经典 favicon

4 项通过 · 2 项缺失

favicon.ico

通过

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

格式: ICO（真实）
包含: 16 · 32
文件大小: 3.6 KB
HTTP: 200
Content-Type: image/x-icon
缓存: 7 天

PNG 32×32

通过

<link rel="icon" type="image/png" href="favicon/favicon-32x32.png" sizes="32x32">

声明: 32×32
实际: 32×32
格式: PNG
文件大小: 448 B
HTTP: 200
Content-Type: image/png

PNG 192×192

通过

<link rel="icon" type="image/png" href="favicon/android-chrome-192x192.png" sizes="192x192">

声明: 192×192
实际: 192×192
格式: PNG
文件大小: 1.9 KB
HTTP: 200
Content-Type: image/png

PNG 96×96

通过

<link rel="icon" type="image/png" href="favicon/favicon-96x96.png" sizes="96x96">

声明: 96×96
实际: 96×96
格式: PNG
文件大小: 1.1 KB
HTTP: 200
Content-Type: image/png

404

PNG 16×16

缺失

<link rel="icon" type="image/png" href="favicon/favicon-16x16.png" sizes="16x16">

无法获取该文件（连接失败）。

404

图标

缺失

<link rel="shortcut icon" href="favicon/favicon.ico">

无法获取该文件（连接失败）。

SVG 图标

1 项缺失

svg

SVG favicon

缺失

可选

<link rel="apple-touch-icon" sizes="120x120" href="favicon/apple-touch-icon-120x120.png">

声明: 120×120
实际: 120×120
建议: 180×180
背景: 未测量
文件大小: 1.3 KB
HTTP: 200

旧尺寸。当前的 iOS 使用 180 px 的图标。

mask

Safari 固定标签页（mask-icon）

警告

<link rel="mask-icon" href="favicon/safari-pinned-tab.svg" color="#5bbad5">

颜色: #5bbad5

无法获取该文件（连接失败）。

Web 应用 manifest 文件

1 项通过

json

manifest.json

通过

<link rel="manifest" href="favicon/manifest.json">

HTTP: 200
Content-Type: application/json
JSON: 有效
文件大小: 878 B
同源: 是
缓存: 0 秒

Manifest 字段

1 项通过 · 4 项警告 · 3 项缺失 · 2 项可选

name
Blogger
short_namename 太长时，主屏幕上改用它。
未设置
start_url已安装的应用启动时打开的页面。
未设置
display默认值是 "browser"，该值下无法安装。
未设置
theme_color为已安装应用的标题栏着色。
未设置
background_color启动画面的背景色。
未设置
icons · 192×192该文件返回 HTTP 404。
已失效
icons · 512×512安装提示和启动画面需要它。
未找到
icons · purpose: maskable没有它，安卓会把你的图标缩小后放在白色圆形上。
未找到
id
未设置

Google 搜索

6 项通过

支持的文件格式
PNG · android-chrome-192x192.png
正方形，至少 8×8 px
192×192
大于 48×48 px
192 px
在首页中声明
是
未被 robots.txt 屏蔽
允许
网址稳定
无重定向

Meta 与旧版

3 项通过 · 1 项可选

theme-color
#ffffff
深色模式的 theme-colormedia="(prefers-color-scheme: dark)"
未设置
msapplication-TileColor
#da532c
browserconfig.xml
已找到

传输与性能

5 项通过 · 1 项警告 · 1 项缺失

所有图标使用 HTTPS
13 / 13
没有混合内容
0 个 http:// 链接
没有失效链接/blogger/landing/favicon/android-chrome-36x36.png, /blogger/landing/favicon/android-chrome-48x48.png, /blogger/landing/favicon/android-chrome-72x72.png
6 个错误
缓存头图标很少改动，请至少缓存一天。
1 / 13 · ≥ 1 天
图标总体积
17.5 KB
重定向
0
重复的标签
无

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

<link rel="apple-touch-icon" sizes="57x57" href="favicon/apple-touch-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="favicon/apple-touch-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="favicon/apple-touch-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="favicon/apple-touch-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="favicon/apple-touch-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="favicon/apple-touch-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="favicon/apple-touch-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="favicon/apple-touch-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="favicon/apple-touch-icon-180x180.png">
<link rel="icon" type="image/png" href="favicon/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="favicon/android-chrome-192x192.png" sizes="192x192">
<link rel="icon" type="image/png" href="favicon/favicon-96x96.png" sizes="96x96">
<link rel="icon" type="image/png" href="favicon/favicon-16x16.png" sizes="16x16">
<link rel="manifest" href="favicon/manifest.json">
<link rel="mask-icon" href="favicon/safari-pinned-tab.svg" color="#5bbad5">
<link rel="shortcut icon" href="favicon/favicon.ico">
<meta name="theme-color" content="#ffffff">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="msapplication-TileImage" content="favicon/mstile-144x144.png">
<meta name="msapplication-config" content="favicon/browserconfig.xml">
<meta name="theme-color" content="#da532c">

关于 blogger.com favicon 的常见问题