什么是「Favicon 生成」
免费在线 favicon 生成器,从一张图自动生成不同尺寸的网站图标(16x16 / 32x32 / 48x48 / 192x192 / Apple Touch Icon),打包成 ZIP 含 HTML 引用代码。浏览器本地生成,适合个人项目快速搞定品牌图标。
适用场景
- 上线新项目要 favicon:做了个新站发现地址栏旁边是个默认图标,本工具上传 logo 一键生成全套图标 + HTML 代码。
- iOS 添加到主屏图标:PWA 或网站要支持「添加到主屏」,需要 180x180 Apple Touch Icon,本工具自动生成。
- 更新公司站点 logo:公司换 logo,旧 favicon 要批量更新,本工具一次出全套,直接 rsync 到服务器。
常见问题
- 源图什么尺寸合适?
- 至少 512x512 正方形 PNG,有透明背景更好。源图太小放大会糊,太长太宽会被强制裁正方形。
- 生成的 ZIP 里都是啥?
- 包含 favicon.ico(多尺寸合并)、apple-touch-icon.png(180x180)、各分辨率 PNG、site.webmanifest(PWA 用)+ index.html 片段代码。
- 怎么用?
- 解压后把所有图标文件放到网站根目录,把生成的 HTML 片段粘到 <head> 里即可。各浏览器自动选合适尺寸。
- 需要 SVG favicon 吗?
- 现代浏览器支持 SVG favicon,主题色 / 暗色模式自适应。如果有 SVG logo 可直接用,但兼容性不如 ICO+PNG 全套。
相关工具
同作者另一产品
棱镜简历 — AI 在线简历制作,实时预览 / 拖拽编辑 / AI 润色 / 20+ 模板 / PDF 导出 / JD 匹配诊断。