指南

2026 年最佳网站图标尺寸

没有单一的最佳网站图标大小——只有一个最佳的集合。不同的表面需要不同的分辨率,完整的网站图标包用单个源图像覆盖其中的每一个。

16×16 和 32×32 覆盖标准和高密度显示器上的浏览器选项卡和书签。它们进入 favicon.ico 并作为独立的 PNG。

48×48 是 Windows Explorer 的“中图标”尺寸,也是常见的搜索结果缩略图尺寸。总是捆绑它。

180×180 是 Apple 的 apple-touch-icon — 干净的 iOS 主屏幕安装所需的。

192×192 和 512×512 是 PWA 清单大小 Android、Chromium 和安装提示使用。

工作原理

  1. 1

    从 512×512+ 方形源开始

    PNG 或 SVG 与方形 viewBox。

  2. 2

    生成包

    我们生产 favicon.ico (16/32/48)、180 apple-touch-icon、192/512 android-chrome 和 webmanifest。

  3. 3

    部署在站点根目录

    将所有内容放入 /public 或 /app 中,并从 README.txt 复制 <link> 标记。

立即尝试

一次生成每个图标大小

Favicon 生成器

常见问题

最重要的网站图标尺寸是多少?+

32×32 — 这是浏览器最常请求标准显示器上的选项卡的尺寸。将其包含在 .ico 内并作为独立的 PNG。

我真的需要 512×512 的图标吗?+

是的,对于 PWA 安装提示和 Android 主屏幕。如果没有它,Android 就会退回到通用浏览器图标。

我可以只上传一张大图片并让工具调整大小吗?+

这是推荐的工作流程。从512×512(或SVG)开始,让FetchFavicon无损导出每个尺寸。

相关工具

更多指南

指南

探索FetchFavicon

类别

转换器

公用事业

指南

教程