趁手iKit

Favicon 生成

上传一张图,一键生成 favicon.ico + 多尺寸 PNG + manifest + HTML 引用片段

什么是「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 匹配诊断。