使用说明
- 上传一张图片(PNG / JPG / WebP / SVG),建议正方形且不小于 512×512。
- 按需设置背景色、形状、圆角半径与四周留白;原图透明时勾选“透明”可保留透明区域。
- 点击“生成图标”,下方会给出实际大小预览与浏览器标签页效果。
- 下载 favicon.ico 与各尺寸 PNG,把文件放到网站根目录,再粘贴页面引入代码。
生成的文件
favicon.ico:内含 16×16、32×32、48×48,兼容浏览器标签页与书签。favicon-16x16.png/favicon-32x32.png:现代浏览器优先使用。apple-touch-icon.png(180×180):iOS 添加到主屏的图标。android-chrome-192x192.png/android-chrome-512x512.png:PWA 图标。site.webmanifest:PWA 图标清单,按需填写站点名称。
常见问题
Q:favicon.ico 需要多大尺寸? A:本工具生成的 favicon.ico 同时包含 16×16、32×32、48×48 三种尺寸,浏览器会按场景自动选择。
Q:图片会上传到服务器吗? A:不会,缩放与 ICO 打包全部在浏览器本地完成,图片不会离开你的电脑。
Q:只放 favicon.ico 可以吗? A:可以,但建议同时提供 favicon-32x32.png 与 apple-touch-icon.png,兼容现代浏览器与 iOS 主屏场景。