切换工具
Favicon 生成器
上传图标一键生成 favicon.ico 与全尺寸 PNG,附 HTML 代码
favicon.ico 内含 16/32/48 三个尺寸(现代浏览器通行的 PNG-in-ICO 格式);180×180 供 iOS 主屏图标,192/512 供 PWA manifest 使用。图片全程在你的浏览器里处理,不上传服务器。
使用说明
上传 logo(建议 512×512 以上的 PNG,透明背景最佳),工具自动居中裁剪成正方形并渲染出 16/32/48/64/128/180/192/512 八个尺寸:点「下载 favicon.ico」拿到多尺寸打包的 ico 文件,或点任意尺寸卡单独下载 PNG。
生成的 HTML 引用代码覆盖了主流场景:favicon.ico(桌面浏览器)、32/16 PNG(现代浏览器精确尺寸)、apple-touch-icon 180(iOS 添加到主屏)、manifest 192/512(PWA 安装与启动屏)。把下载的文件放到网站根目录,代码粘进 <head> 即可。
设计要点:16px 是 favicon 的「生死线」——细节多的图形缩到 16px 会糊成一团,用大色块、粗线条、首字母或简化 logo;源图四周留出足够留白(图形占画面 60~80%),否则浏览器标签页里会被裁得太满。
常见问题
ICO 是一种容器格式,一个 .ico 文件可以装多张不同尺寸的 PNG/BMP 图片。本工具生成的 ico 内含 16/32/48 三个尺寸的 PNG(现代浏览器通行的 PNG-in-ICO 格式),浏览器按显示场景自动选最合适的一张,比单尺寸 ico 在高分屏上清晰得多。