nationalgeographic.com 的 favicon

https://www.nationalgeographic.com/ · 1 次重定向 · 检测于 2026年11月5日

20通过
2警告
2缺失
5可选

nationalgeographic.com 的主 favicon 是 favicon-32x32.png，一个 32×32 的 PNG 文件（189 B）。共找到 8 个图标文件，总大小 4.1 KB。Google 搜索可以使用 favicon-180x180.png，一个 180×180 的 PNG 文件（505 B）。该网站得分 85/100：通过 20 项，警告 2 项，缺失 2 项。缺失：SVG favicon、Web 应用 manifest。

显示效果

根据找到的文件渲染。

National Geographic

浏览器标签页 · 浅色通过

National Geographic

浏览器标签页 · 深色通过

National Geographichttps://www.nationalgeographic.com

National Geographic Explore National Geographic. A world leader in geography, cartography and exploration.

Google 搜索通过

National Geographic

iOS 主屏幕警告

iOS 会把透明区域填成黑色。请给图标加上纯色背景。

512

安卓 · maskable缺失

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

splash

PWA 安装与启动画面缺失

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

nationalgeographic.com 的所有 favicon 文件

找到 8 个

文件	来源	格式	尺寸	体积
favicon.ico	默认路径	ICO	16 px	894 B
mask-icon.svg	rel="mask-icon"	SVG	矢量	638 B
favicon.ico	rel="icon"	ICO	16 px	894 B
favicon-32x32.png	rel="apple-touch-icon" · rel="icon"	PNG	32×32	189 B
favicon-180x180.png	rel="apple-touch-icon"	PNG	180×180	505 B
favicon-16x16.png	rel="icon"	PNG	16×16	326 B
favicon-48x48.png	rel="icon"	PNG	48×48	305 B
favicon-96x96.png	rel="icon"	PNG	96×96	434 B

经典 favicon

6 项通过

favicon.ico

通过

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

格式: ICO（真实）
包含: 16
文件大小: 894 B
HTTP: 200
Content-Type: image/vnd.microsoft.icon
缓存: 5 分钟

ICO

通过

<link data-rh="true" rel="shortcut icon" href="https://assets-cdn.nationalgeographic.com/natgeo/static/icons/favicon.ico">

声明: 无尺寸
实际: 16
格式: ICO
文件大小: 894 B
HTTP: 200
Content-Type: image/vnd.microsoft.icon

PNG 16×16

通过

<link data-rh="true" rel="icon" type="image/png" sizes="16x16" href="https://assets-cdn.nationalgeographic.com/natgeo/static/icons/favicon-16x16.png">

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

PNG 32×32

通过

<link data-rh="true" rel="icon" type="image/png" sizes="32x32" href="https://assets-cdn.nationalgeographic.com/natgeo/static/icons/favicon-32x32.png">

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

PNG 48×48

通过

<link data-rh="true" rel="icon" type="image/png" sizes="48x48" href="https://assets-cdn.nationalgeographic.com/natgeo/static/icons/favicon-48x48.png">

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

PNG 96×96

通过

<link data-rh="true" rel="icon" type="image/png" sizes="96x96" href="https://assets-cdn.nationalgeographic.com/natgeo/static/icons/favicon-96x96.png">

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

SVG 图标

1 项缺失

svg

SVG favicon

缺失

<link rel="icon" type="image/svg+xml" href="…"> – 未找到

SVG 图标在任何尺寸下都清晰，还能在深色浏览器主题下切换颜色。

Apple

1 项通过 · 1 项警告 · 2 项可选

Apple touch icon 32×32

可选

<link data-rh="true" rel="apple-touch-icon" href="https://assets-cdn.nationalgeographic.com/natgeo/static/icons/favicon-32x32.png">

声明: 无尺寸
实际: 32×32
建议: 180×180
背景: 透明
文件大小: 189 B
HTTP: 200

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

Apple touch icon 32×32

可选

<link data-rh="true" rel="apple-touch-icon-precomposed" sizes="32x32" href="https://assets-cdn.nationalgeographic.com/natgeo/static/icons/favicon-32x32.png">

声明: 32×32
实际: 32×32
建议: 180×180
背景: 透明
文件大小: 189 B
HTTP: 200

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

Apple touch icon

警告

<link data-rh="true" rel="apple-touch-icon-precomposed" sizes="180x180" href="https://assets-cdn.nationalgeographic.com/natgeo/static/icons/favicon-180x180.png">

声明: 180×180
实际: 180×180
建议: 180×180
背景: 透明
文件大小: 505 B
HTTP: 200

iOS 会把透明区域填成黑色。请给图标加上纯色背景。

Safari 固定标签页（mask-icon）

通过

<link data-rh="true" rel="mask-icon" href="https://assets-cdn.nationalgeographic.com/natgeo/static/icons/mask-icon.svg" color="#FFCC00">

颜色: #FFCC00
文件大小: 638 B

旧标签。Safari 12 及以上使用常规 favicon。

Web 应用 manifest 文件

1 项缺失

json

Web 应用 manifest

缺失

<link rel="manifest" href="…"> – 未找到

安卓和可安装的 Web 应用从 manifest 中读取图标、名称和颜色。

Google 搜索

6 项通过

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

Meta 与旧版

1 项通过 · 3 项可选

theme-color
#ffffff
深色模式的 theme-colormedia="(prefers-color-scheme: dark)"
未设置
msapplication-TileColorWindows 磁贴，旧版。
未设置
browserconfig.xmlWindows 磁贴，旧版。
未找到

传输与性能

6 项通过 · 1 项警告

所有图标使用 HTTPS
8 / 8
没有混合内容
0 个 http:// 链接
没有失效链接
0 个错误
缓存头图标很少改动，请至少缓存一天。
7 / 8 · ≥ 1 天
图标总体积
4.1 KB
重定向
0
重复的标签
无

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

<link data-rh="true" rel="mask-icon" href="https://assets-cdn.nationalgeographic.com/natgeo/static/icons/mask-icon.svg" color="#FFCC00">
<link data-rh="true" rel="shortcut icon" href="https://assets-cdn.nationalgeographic.com/natgeo/static/icons/favicon.ico">
<link data-rh="true" rel="apple-touch-icon" href="https://assets-cdn.nationalgeographic.com/natgeo/static/icons/favicon-32x32.png">
<link data-rh="true" rel="apple-touch-icon-precomposed" sizes="32x32" href="https://assets-cdn.nationalgeographic.com/natgeo/static/icons/favicon-32x32.png">
<link data-rh="true" rel="apple-touch-icon-precomposed" sizes="180x180" href="https://assets-cdn.nationalgeographic.com/natgeo/static/icons/favicon-180x180.png">
<link data-rh="true" rel="icon" type="image/png" sizes="16x16" href="https://assets-cdn.nationalgeographic.com/natgeo/static/icons/favicon-16x16.png">
<link data-rh="true" rel="icon" type="image/png" sizes="32x32" href="https://assets-cdn.nationalgeographic.com/natgeo/static/icons/favicon-32x32.png">
<link data-rh="true" rel="icon" type="image/png" sizes="48x48" href="https://assets-cdn.nationalgeographic.com/natgeo/static/icons/favicon-48x48.png">
<link data-rh="true" rel="icon" type="image/png" sizes="96x96" href="https://assets-cdn.nationalgeographic.com/natgeo/static/icons/favicon-96x96.png">
<meta data-rh="true" name="theme-color" content="#ffffff">

关于 nationalgeographic.com favicon 的常见问题