Favicon 网站图标制作与打包

一键将图片转换为标准多分辨率 favicon.ico、iOS 桌面图标与 Web App 切图。

点击选择或拖放 Logo / 图标到此处
推荐使用 512×512 以上的透明 PNG、SVG 或高清 JPEG
嵌入此工具到你的网站 / 博客 无需开发 · 复制即可使用
HTML 嵌入代码 (iframe):
<iframe src="https://lucentool.com/zh/favicon-generator" width="100%" height="650" style="border:1px solid #e5e0d8;border-radius:12px;max-width:850px;width:100%;" frameborder="0"></iframe>
<div style="font-size:12px;color:#78716c;margin-top:6px;font-family:sans-serif;">Powered by <a href="https://lucentool.com/zh/favicon-generator" target="_blank" style="color:#c85a32;text-decoration:none;">Lucentool - Favicon 网站图标制作与打包</a></div>

为什么现代网站不能只放一张 png 当图标?

早期的网站只需在网站根目录放一个 16×16 的 favicon.ico。但在视网膜高清屏、Windows 任务栏、iOS 桌面快捷方式、Android PWA 以及不同浏览器的收藏夹中,需要的尺寸大不相同。如果只放小图,手机桌面图标会严重模糊;如果只放大图,浏览器标签页缩放时会产生严重锯齿。

真正的 ICO 二进制文件结构

网络上很多所谓的“图标生成工具”,其实只是粗暴地将 png 文件名重命名为 .ico,遇到 Windows 资源管理器或部分严格客户端时会直接报错。Lucentool 在浏览器内存中直接构造标准的 ICO 头文件结构(ICONDIR + ICONDIRENTRY),将 16×16、32×32、48×48 三套 PNG 编码数据流无缝封装进同一个二进制 .ico 文件中,兼容全平台。

PWA 与现代移动设备支持