网站图标需要哪些尺寸？

您需要六种尺寸：16x16（浏览器标签页）、32x32（书签）、48x48（通用）、180x180（Apple触摸图标）、192x192（Android）和512x512（PWA启动画面）。我们的生成器会自动生成所有这些尺寸。

如何向我的网站添加网站图标？

将PNG文件放置在网站的根目录中，然后将HTML代码片段复制到每个页面的head部分。该片段包括标准网站图标、Apple触摸图标和Android图标的链接标签。

这个工具会生成.ico文件吗？

不会，这个工具生成的是现代标准的PNG网站图标。所有主流浏览器都支持PNG网站图标。如果您需要.ico文件，请使用专用的ICO转换器将16x16或32x32的PNG转换即可。

网站图标生成器 | HandyTools Hub

Favicon 生成器可以把一张图片变成一整套覆盖各平台的网站图标——浏览器标签页、iOS 主屏幕、Android 设备、PWA 应用——并附赠配好所有 link 标签的 HTML 代码。适合不想把同一个 Logo 手工缩放六遍的站长和前端开发者。

如何使用

上传图片： 选一张 Logo 或图形，正方形、造型简单的图效果最好。
自动裁剪： 非正方形的图片会被自动居中裁剪成正方形。
预览全套： 在预览网格里查看从 16x16 到 512x512 的全部六种尺寸。
下载并复制： 保存 PNG 文件，把生成的 HTML 代码粘贴到网站的 head 里。

功能特性

一次生成 16、32、48、180、192、512 像素六种标准尺寸
非正方形原图自动居中裁剪
HTML 代码包含 Apple 触摸图标、manifest、theme-color 等标签
下载前可在预览网格里逐个尺寸检查效果
全部处理在浏览器本地完成

为什么需要这么多尺寸？

最初的 favicon 只有一个 16x16 的 ICO 文件，给浏览器标签页用，多年来这也够了。但现在的设备环境完全不同：用户把网站存到 iPhone 主屏幕时，iOS 用的是 180x180 的 Apple 触摸图标；Android Chrome 需要 192x192 和 512x512 来做快捷方式和启动画面；高分屏普及之后，小小的 16x16 在书签列表里也会糊成一片。

缺了尺寸是有实际后果的。没有 apple-touch-icon，iOS 会退而求其次，把网页截屏压缩后当主屏幕图标——效果通常很难看。没有 512x512，PWA 就没法正常安装。还有个值得注意的细节：桌面浏览器在 retina 屏标签页上实际显示的是 32x32，所以它和 16x16 一样值得认真对待。

使用场景

新站上线： 建站时一次性配好整套图标。
品牌升级： 换了 Logo 之后，一次换掉所有尺寸的图标。
PWA 开发： 生成 manifest 要求的 192x192 和 512x512 图标。
个人项目： 不用开图像编辑软件，也能有专业的标签页图标。

网站图标生成器

生成的网站图标

HTML 代码