figma.com 的 favicon
- 27通过
- 4警告
- 0缺失
- 10可选
figma.com 的主 favicon 是 favicon.svg,一个 864 B 的 SVG 文件。共找到 14 个图标文件,总大小 68.0 KB。Google 搜索可以使用 icon-256.png,一个 256×256 的 PNG 文件(3.7 KB)。该网站得分 92/100:通过 27 项,警告 4 项,缺失 0 项。
显示效果
根据找到的文件渲染。
请确认图标在深色标签页上仍然清晰可见。
figma.com 的所有 favicon 文件
找到 14 个| 文件 | 来源 | 格式 | 尺寸 | 体积 |
|---|---|---|---|---|
| favicon.ico | 默认路径 | ICO | 64 px | 16.6 KB |
| icon-128.png | rel="icon" | PNG | 128×128 | 1.9 KB |
| icon-192.png | rel="icon" · manifest | PNG | 192×192 | 2.8 KB |
| icon-256.png | rel="icon" | PNG | 256×256 | 3.7 KB |
| favicon.png | rel="icon" | PNG | 32×32 | 589 B |
| favicon.svg | rel="icon" | SVG | 矢量 | 864 B |
| favicon.ico | rel="icon" | ICO | 64 px | 16.6 KB |
| touch-76.png | rel="apple-touch-icon" | PNG | 76×76 | 1.2 KB |
| touch-120.png | rel="apple-touch-icon" | PNG | 120×120 | 1.9 KB |
| touch-152.png | rel="apple-touch-icon" | PNG | 152×152 | 2.3 KB |
| touch-167.png | rel="apple-touch-icon" | PNG | 167×167 | 2.5 KB |
| touch-180.png | rel="apple-touch-icon" | PNG | 180×180 | 2.6 KB |
| icon-512-maskable.png | manifest,maskable | PNG | 512×512 | 6.8 KB |
| icon-512.png | manifest | PNG | 512×512 | 7.6 KB |
经典 favicon
5 项通过 · 1 项警告favicon.ico
警告GET /favicon.ico · HTML 中未声明(在根目录找到)
- 格式
- ICO(真实)
- 包含
- 64
- 文件大小
- 16.6 KB
- HTTP
- 200
- Content-Type
- image/x-icon
- 缓存
- 4 小时
这个 ICO 里没有 16 或 32 px 的图像,浏览器只能把更大的图像缩小使用。
PNG 128×128
通过<link rel="icon" href="https://static.figma.com/app/icon/2/icon-128.png" sizes="128x128">
- 声明
- 128×128
- 实际
- 128×128
- 格式
- PNG
- 文件大小
- 1.9 KB
- HTTP
- 200
- Content-Type
- image/png
PNG 192×192
通过<link rel="icon" href="https://static.figma.com/app/icon/2/icon-192.png" sizes="192x192">
- 声明
- 192×192
- 实际
- 192×192
- 格式
- PNG
- 文件大小
- 2.8 KB
- HTTP
- 200
- Content-Type
- image/png
PNG 256×256
通过<link rel="icon" href="https://static.figma.com/app/icon/2/icon-256.png" sizes="256x256">
- 声明
- 256×256
- 实际
- 256×256
- 格式
- PNG
- 文件大小
- 3.7 KB
- HTTP
- 200
- Content-Type
- image/png
PNG
通过<link rel="icon" href="https://static.figma.com/app/icon/2/favicon.png" type="image/png">
- 声明
- 无尺寸
- 实际
- 32×32
- 格式
- PNG
- 文件大小
- 589 B
- HTTP
- 200
- Content-Type
- image/png
ICO
通过<link rel="icon" href="https://static.figma.com/app/icon/2/favicon.ico" type="image/vnd.microsoft.icon">
- 声明
- 无尺寸
- 实际
- 64
- 格式
- ICO
- 文件大小
- 16.6 KB
- HTTP
- 200
- Content-Type
- image/x-icon
SVG 图标
1 项通过SVG favicon
通过<link rel="icon" href="https://static.figma.com/app/icon/2/favicon.svg" sizes="any" type="image/svg+xml">
- 正方形 viewBox
- 是
- 深色模式
- 否
- 脚本
- 无
- 文件大小
- 864 B
- HTTP
- 200
- Content-Type
- image/svg+xml
在 SVG 中加入 prefers-color-scheme 媒体查询,即可在深色浏览器主题下切换颜色。
Apple
1 项通过 · 5 项可选Apple touch icon 76×76
可选<link rel="apple-touch-icon" href="https://static.figma.com/app/icon/2/touch-76.png" sizes="76x76">
- 声明
- 76×76
- 实际
- 76×76
- 建议
- 180×180
- 背景
- 未测量
- 文件大小
- 1.2 KB
- HTTP
- 200
旧尺寸。当前的 iOS 使用 180 px 的图标。
Apple touch icon 120×120
可选<link rel="apple-touch-icon" href="https://static.figma.com/app/icon/2/touch-120.png" sizes="120x120">
- 声明
- 120×120
- 实际
- 120×120
- 建议
- 180×180
- 背景
- 未测量
- 文件大小
- 1.9 KB
- HTTP
- 200
旧尺寸。当前的 iOS 使用 180 px 的图标。
Apple touch icon 152×152
可选<link rel="apple-touch-icon" href="https://static.figma.com/app/icon/2/touch-152.png" sizes="152x152">
- 声明
- 152×152
- 实际
- 152×152
- 建议
- 180×180
- 背景
- 未测量
- 文件大小
- 2.3 KB
- HTTP
- 200
旧尺寸。当前的 iOS 使用 180 px 的图标。
Apple touch icon 167×167
可选<link rel="apple-touch-icon" href="https://static.figma.com/app/icon/2/touch-167.png" sizes="167x167">
- 声明
- 167×167
- 实际
- 167×167
- 建议
- 180×180
- 背景
- 未测量
- 文件大小
- 2.5 KB
- HTTP
- 200
旧尺寸。当前的 iOS 使用 180 px 的图标。
Apple touch icon
通过<link rel="apple-touch-icon" href="https://static.figma.com/app/icon/2/touch-180.png" sizes="180x180">
- 声明
- 180×180
- 实际
- 180×180
- 建议
- 180×180
- 背景
- 不透明
- 文件大小
- 2.6 KB
- HTTP
- 200
Safari 固定标签页(mask-icon)
可选<link rel="mask-icon" href="…" color="…"> – 未找到
旧标签。Safari 12 及以上使用常规 favicon,所以不再需要它。
Web 应用 manifest 文件
1 项通过manifest.json
通过<link rel="manifest" href="/manifest.json?v=1">
- HTTP
- 200
- Content-Type
- application/json
- JSON
- 有效
- 文件大小
- 555 B
- 同源
- 是
- 缓存
- 30 秒
Manifest 字段
7 项通过 · 1 项警告 · 2 项可选- nameFigma
- short_namename 太长时,主屏幕上改用它。未设置
- start_url已安装的应用启动时打开的页面。未设置
- displaystandalone
- theme_color#000000
- background_color#000000
- icons · 192×192PNG · 2.8 KB · 200
- icons · 512×512PNG · 7.6 KB · 200
- icons · purpose: maskable512×512
- id未设置
Google 搜索
6 项通过- 支持的文件格式PNG · icon-256.png
- 正方形,至少 8×8 px256×256
- 大于 48×48 px256 px
- 在首页中声明是
- 未被 robots.txt 屏蔽允许
- 网址稳定无重定向
Meta 与旧版
1 项通过 · 3 项可选- theme-color#ffffff
- 深色模式的 theme-colormedia="(prefers-color-scheme: dark)"未设置
- msapplication-TileColorWindows 磁贴,旧版。未设置
- browserconfig.xmlWindows 磁贴,旧版。未找到
传输与性能
5 项通过 · 2 项警告- 所有图标使用 HTTPS14 / 14
- 没有混合内容0 个 http:// 链接
- 没有失效链接0 个错误
- 缓存头图标很少改动,请至少缓存一天。0 / 14 · ≥ 1 天
- 图标总体积68.0 KB
- 重定向0
- 重复的标签多个 rel="icon" 标签声明了相同的尺寸,浏览器会使用最后一个。2 × 无 sizes
在 <head> 中找到的图标标签
<link rel="manifest" href="/manifest.json?v=1"> <link rel="icon" href="https://static.figma.com/app/icon/2/icon-128.png" sizes="128x128"> <link rel="icon" href="https://static.figma.com/app/icon/2/icon-192.png" sizes="192x192"> <link rel="icon" href="https://static.figma.com/app/icon/2/icon-256.png" sizes="256x256"> <link rel="icon" href="https://static.figma.com/app/icon/2/favicon.png" type="image/png"> <link rel="icon" href="https://static.figma.com/app/icon/2/favicon.svg" sizes="any" type="image/svg+xml"> <link rel="icon" href="https://static.figma.com/app/icon/2/favicon.ico" type="image/vnd.microsoft.icon"> <link rel="apple-touch-icon" href="https://static.figma.com/app/icon/2/touch-76.png" sizes="76x76"> <link rel="apple-touch-icon" href="https://static.figma.com/app/icon/2/touch-120.png" sizes="120x120"> <link rel="apple-touch-icon" href="https://static.figma.com/app/icon/2/touch-152.png" sizes="152x152"> <link rel="apple-touch-icon" href="https://static.figma.com/app/icon/2/touch-167.png" sizes="167x167"> <link rel="apple-touch-icon" href="https://static.figma.com/app/icon/2/touch-180.png" sizes="180x180"> <meta name="theme-color" content="#ffffff">
关于 figma.com favicon 的常见问题
figma.com 的 favicon 在哪里?
主 favicon 位于 https://static.figma.com/app/icon/2/favicon.svg。默认路径 https://www.figma.com/favicon.ico 也返回了一个图标。
figma.com 的 favicon 尺寸是多少?
favicon.svg 是矢量文件,可缩放到任意尺寸。该网站最大的位图图标是 icon-512-maskable.png,512×512 px。
Google 搜索能显示 figma.com 的 favicon 吗?
该网站符合 Google 的要求:icon-256.png 是一个 256×256 的 PNG 文件(3.7 KB),且 robots.txt 允许访问。最终显示什么,仍由 Google 决定。
figma.com 有 Apple touch icon 和 maskable 图标吗?
Apple touch icon 的尺寸是 180×180。manifest 中包含 maskable 图标。