在线 favicon 生成器:上传一张图自动产出 16/32/48/180/192/512 全套尺寸,支持圆形裁切,附 HTML 引用片段。浏览器本地生成,图片不上传。
摘要:favicon 全套尺寸一键生成:16-512px、圆形裁切、HTML 引用片段,本地生成。
本地工具可在 DevTools → Network 搜索输入内容,通常不会出现在请求中。
下一步
使用指南
站点 favicon 常需多尺寸 PNG。本工具上传一张源图,本地生成常见尺寸包,可选圆形裁剪后下载。源图尽量方形高清;过于细节的图标在 16px 会糊,需单独简化稿。
1. 操作步骤
先用一张代表样例确认输出,再批量处理。
- 上传方形源图
- 选择尺寸与裁剪选项
- 下载尺寸包并放到站点约定路径
2. 能力说明
源图,本地生成常见尺寸包,可选圆形裁剪后下载。源图尽量方形高清;过于细节的图标在 16px 会糊,需单独简化稿。
3. 验收建议
导出后在真实目标环境打开一次(打印机、浏览器标签、办公软件),只看本页预览不够。
4. 和相邻工具
同一主题下的尺寸、换底、压缩、合订工具可串联;每一步都保留可回退的母版。
5. 隐私
处理含个人信息或密钥的内容时,即使计算在本地完成,也要留意屏幕分享、录屏与下载文件的二次传播路径。
6. 补充说明与验收
本页计算在浏览器本地完成,不把你的内容当作上传素材;但这不自动等于「可以随便外传」。下载目录、剪贴板与会议投屏同样可能泄漏。
7. 协作与风险控制
与相邻工具衔接时,注意中间格式是否有损、编码是否一致、以及是否需要保留母版以便回退。链路越长,越要在每一步写下「不保证什么」。新人按清单操作,比口头教一遍损耗更小。文档与实现可能短暂不一致:以你屏幕上可见的按钮、下拉与提示为准。发现落差欢迎用真实样例复现后更新说明,避免继续传播过时句子。处理含个人信息、密钥或未发布文案时,用完清理临时文件;不要把调试样例直接贴进公开工单。需要给外部时,先脱敏再导出。
- 先用最小可复现样例确认选项。
- 批量前记录转换前后体积或行数。
- 输出给他人时写明边界与不保证项。
常见问题
现代浏览器(Chrome/Firefox/Safari/Edge)都支持 PNG favicon,16/32 两尺寸 PNG 已覆盖绝大多数场景。仅极老的浏览器/部分内网系统需要 .ico,可用 32×32 PNG 转换。
180 是 apple-touch-icon(iOS 添加到主屏),192/512 是 PWA manifest 图标(Android 安装)。做全套可以一次生成。
建议正方形、不小于 512px、背景透明(PNG/WebP)。非正方形会被居中裁切为正方形;需要圆形图标时可以开启圆形裁剪选项。
源图细节过多时 16px 必然糊——这个尺寸需要单独的简化稿,而不是把完整 logo 硬缩下去。同时检查图标在深色与浅色浏览器主题下的对比度。
多半是浏览器缓存——favicon 缓存出了名地顽固,这是换图标的常见坑。清缓存或用无痕窗口验证;本工具只生成图标文件,管不到浏览器的缓存行为。
不会。所有尺寸在浏览器本地生成后打包下载,源图不作为上传素材发往任何服务器。成品与源图都在你自己的下载目录里,注意别混进要公开分享的文件夹。