Favicon 生成器
把任意图片变成完整 favicon 套件:16–512 px 六种尺寸 PNG,圆角样式可选,附可直接粘贴的 HTML 代码,全部在浏览器本地生成。
拖拽文件到此处,或点击选择
该工具完全在你的浏览器中运行,数据不会离开你的设备,不会上传到任何服务器。
使用方法
- 1拖入一张图片,最好是正方形的 logo。
- 2选择留白背景色和边角样式(直角 / 圆角 / 圆形)。
- 3生成套件,逐个下载或打包下载 .zip。
- 4把 HTML 代码粘贴进页面 <head>,PNG 文件放入静态资源目录。
Favicon 生成器
拖入一张接近正方形的图片,一次得到项目真正需要的六种 PNG:16 / 32 / 48 px 网站图标、180 px 的 apple-touch-icon,以及 192 / 512 px 的 Android / PWA 图标。非正方形图片会居中放在正方形画布上,留白填充你选的背景色;直角、圆角、圆形三种边角样式可选。
每种尺寸都按真实像素渲染,可单独下载,也可打包成一个 .zip;同时生成一段可直接复制的 <head> 代码,文件名与压缩包一致,解压放进项目静态目录就能用。
常见问题
到底需要哪几种尺寸?
16 和 32 px 覆盖浏览器标签页,48 px 用于书签和快捷方式,180 px 是 iOS 主屏图标要求的尺寸,192 和 512 px 是 Android 与 PWA manifest 需要的。一次生成六种,以后就不用再想了。
为什么 logo 缩到 16 px 就糊了?
16 px 的图标总共只有 256 个像素,细节和细线条必然丢失。生成 favicon 最好用笔画粗、对比强的简洁图形;如果原 logo 很复杂,建议专门做一版简化的小尺寸图案。
还需要 .ico 文件吗?
现代浏览器通过 <link> 标签直接使用 PNG favicon,本工具生成的代码就够用了。只有非常老的浏览器才依赖 .ico,对绝大多数网站可以忽略。
相关工具
图片裁剪
拖拽手柄或输入精确坐标,按 1:1、4:3、16:9 或自由比例裁剪,批量套选区——本地处理,瞬间完成。
全部工具 →
图片尺寸调整
按精确像素或百分比缩放图片,宽高比锁定不变形,支持整批处理——全程本地完成,文件不上传。
全部工具 →
图片格式转换
PNG、JPG、WebP 三种格式互转,画质可调,整批拖入一键转换——全部在本机完成,不上传任何文件。
全部工具 →
图片压缩
画质滑块实时可调,支持批量处理,压缩前后体积一目了然——全程在浏览器本地完成,文件不出设备。
全部工具 →
PNG 转 JPG
PNG 一键转 JPG,体积大幅缩小,透明区域自动铺白底,画质可调——批量处理,本地完成不上传。
全部工具 →
嵌入这个工具
一行代码把工具放到你的网站——它在访客的浏览器里运行。
<iframe src="https://zoyku.com/zh/tools/favicon-generator?embed=1" width="100%" height="640" style="border:0;border-radius:16px" title="Zoyku — favicon-generator" loading="lazy"></iframe>