在您的浏览器中本地渲染 —— 您的图片绝不会被上传。
源图片小于 256 px —— 放大后结果可能会模糊。
源图片不是正方形 —— 将居中裁剪为正方形。
关于此工具
favicon 是浏览器在标签页、书签和历史记录中显示的小图标;现代站点会提供一组尺寸,使它从 16×16 的标签页到 512×512 的 PWA 安装界面都保持清晰。本生成器接受一张源图片(PNG、JPG、SVG 或 WebP),将其居中裁剪为正方形,并渲染标准尺寸——16、32 和 48 用于 favicon.ico,180 用于 Apple touch 图标,192 和 512 用于 Android/manifest 图标。一切都在你浏览器的 <canvas> 上运行,.ico 通过将这些小 PNG 直接嵌入 Windows ICONDIR 容器来组装,所有当前的浏览器和操作系统都能读取它。
用它为新项目搭建起 favicon 集合、在品牌焕新后刷新图标,或生成 Lighthouse 或 PWA 审计所要求的确切文件。放入一张正方形 logo,按需切换圆角或透明内边距,然后下载 favicon.ico 和每个 PNG,并将现成的 <link> 标签以及 site.webmanifest 的 icons 块粘贴进你的 <head>。
.ico 文件嵌入了真正的 PNG(PNG-in-ICO),所有现代浏览器都能读取——将它放在你站点根目录的 /favicon.ico。
常见问题
我应该上传多大尺寸的图片来做 favicon?
上传一张至少 512×512 px 的正方形图片,以使最大的输出保持清晰。较小的源图会被放大,可能显得模糊,而非正方形的图片在渲染前会被居中裁剪为正方形。
我还需要 favicon.ico 文件吗?
需要——位于你站点根目录的 favicon.ico 是浏览器和爬虫会自动请求的回退,某些旧环境只查找它。本工具会构建一个内嵌 16、32 和 48 px 帧的 .ico,与通过 <link> 标签引用的现代 PNG 图标并存。
为什么 favicon 生成器会产出多种 PNG 尺寸?
不同的界面需要不同的尺寸:16/32 px 用于浏览器标签页,180 px 用于 iOS 主屏幕上的 Apple touch 图标,192/512 px 用于 Android 和 PWA manifest 图标。全部提供它们能让每个平台挑选最接近的匹配,而不是缩放单一一张图片。