Favicon 在线生成 — 图片 / 文字 / Emoji 转全套 favicon.ico
在线制作网站 favicon:上传图片,或用文字 / Emoji 生成图标,一键产出多分辨率 favicon.ico + 全套 PNG + apple-touch-icon + manifest 和 HTML 引用代码,打包下载。支持电脑、平板、手机浏览器,本地生成、不上传。
favicon 是浏览器标签页、书签栏和搜索结果里显示的网站小图标。一套完整的 favicon 不止一个文件:favicon.ico(内含 16/32/48 多分辨率,任务栏与旧浏览器用)、favicon-16/32/48 PNG、apple-touch-icon(180×180,iOS 加到主屏用)、icon-192 / icon-512(PWA manifest 用)。本工具从一张图片或一段文字 / Emoji 一次生成以上全部文件,附 site.webmanifest 与 HTML 引用代码,直接打包下载放进网站根目录即可。全程浏览器本地生成,图片不上传。
什么时候需要
给网站配全套图标
新站上线要 favicon.ico + 各尺寸 PNG + apple-touch,一次生成不用逐个做。
没有 Logo 用文字凑
输入品牌首字母或 Emoji,选背景色形状,几秒得到像样的图标。
PWA / 主屏图标
icon-192 / icon-512 + manifest,支持添加到主屏和 PWA 安装。
关于 favicon 生成
- 一次产出 ico + PNG + apple-touch + manifest + HTML 代码
- favicon.ico 内含 16/32/48 多分辨率,任务栏不糊
- 文字 / Emoji 模式无需设计,本地生成、不上传
- 建议用方形源图,非方形会居中裁切
- apple-touch-icon 按 iOS 规范固定填白底(不透明)
- 文字模式用系统字体渲染,不同设备字形略有差异
Favicon 生成常见问题
浏览器标签页用 16×16、任务栏 / 桌面快捷方式用 32×32 或 48×48。ico 是容器格式,一个文件内含多个分辨率,系统按场景取用;只放一个尺寸会在其他场景被拉伸变糊。
把打包里的文件解压放到网站根目录,再把「HTML 引用代码」粘贴进每个页面的 <head> 即可;工具页面上有一键复制。
可以,切到「文字 / Emoji」标签,输入 1-2 个字符或 Emoji,选背景形状和颜色即可实时生成。
不会,包括 .ico 的编码在内全部在浏览器本地完成,图片和生成结果都不经过服务器。