网站图标生成器

上传你的 Logo,生成浏览器标签页、iOS 主屏、Android 图标全套文件和引用代码。

一个网站实际需要哪几种图标

现代网站的图标需求其实很收敛:favicon-32.png 覆盖主流浏览器标签页;favicon-16.png 是老环境的兜底;apple-touch-icon-180.png 决定 iOS 用户把你的网站存到主屏时看到的图标;android-chrome-192 则服务于 Android 的添加到主屏。生成器一次给出全部四个尺寸和对应的 <head> 引用代码,复制粘贴即完成接入。

方形的正方形 Logo 出图最理想;非方形图会自动居中放在透明画布上,不会被裁坏。

使用步骤

1. 点击选择框,上传你的 Logo 或图标原图(建议 512×512 以上)。
2. 下载生成的全套 PNG 文件,放到网站根目录。
3. 复制页面给出的引用代码,粘贴进每个页面的 <head> 里。

常见问题

还需要 favicon.ico 吗?

如今 PNG 引用已覆盖绝大多数浏览器;若要兼容非常老的环境,可把 32px 版另存为 favicon.ico 一并放在根目录。

上传后图标不生效?

浏览器对 favicon 缓存很顽固:强刷(Ctrl+Shift+R)或换隐身窗口即可看到新图标。

我的 Logo 会被上传吗?

不会。全部尺寸由浏览器内的 Canvas 生成,文件不离开你的设备。

隐私说明

图标在你的浏览器内生成,不上传、不留存。未发布的品牌 Logo、内部系统的图标都可以在这里先行生成。