网站图标生成器
免费从单个图像生成网站图标和应用图标。获取 favicon.ico、Apple Touch 图标和 Android Chrome 图标的 ZIP 包 — 无需上传,无需注册,立即处理。
想要感谢我们?告诉您的朋友关于 LeanImg 的事!
如何生成网站图标
上传您的图像
选择一个徽标或图像,或将其拖放到生成器中。支持 PNG、JPG、WebP、AVIF、GIF 和 SVG。
自定义您的图标
设置背景颜色,调整边距,并填写您的应用名称以用于网络清单。预览您的图标在每个平台上的外观。
下载您的网站图标包
单击生成并下载一个包含 favicon.ico、PNG 图标、Apple Touch 图标、Android Chrome 图标和 site.webmanifest 的 ZIP。
您实际获得的内容
一个图像输入,七个文件输出,在您的浏览器中生成并作为 ZIP 提供。这些是来自 942 KB 透明 PNG 的真实尺寸,尺寸为 900x606,下面的屏幕截图中显示了该尺寸。
| 文件 | 像素 | 用途 | 大小 |
|---|---|---|---|
| favicon.ico | 16、32 和 48 在一个文件中 | 浏览器探测 /favicon.ico、爬虫、提要阅读器 | 4.6 KB |
| favicon-16x16.png | 16x16 | 标准密度下的浏览器标签 | 521 B |
| favicon-32x32.png | 32x32 | 高密度屏幕上的标签、书签、任务栏 | 1.4 KB |
| apple-touch-icon.png | 180x180 | iOS 和 iPadOS 主屏幕 | 28.4 KB |
| android-chrome-192x192.png | 192x192 | Android 主屏幕 | 31.9 KB |
| android-chrome-512x512.png | 512x512 | Android 启动画面和安装提示 | 196 KB |
| site.webmanifest | n/a | 命名应用并指向两个 Android 图标 | 371 B |

为什么在 2026 年仍然需要 ICO
因为无论您是否引用它,该路径都会被请求。任何未解析您 HTML 的内容都会直接请求 /favicon.ico,包括爬虫、RSS 阅读器和许多聊天链接预览。ICO 也是这里唯一一个在一个文件中包含多个尺寸的格式,因此一个调校以保持可读性的 16 像素版本可以与 48 像素版本并排放置,客户端可以选择。我们的包中包含 16、32 和 48。
设计能够在 16 像素中生存的内容
在网站上看起来漂亮的徽标通常在标签中变得模糊。在 16 像素时,您总共有 256 像素可供使用,因此细小的笔画会消失,渐变会出现带状效果,任何少于四个字符的文本都会变成模糊。裁剪到您标记的最强单一元素,而不是缩小整个锁定,保持与浅色和深色标签栏的对比度高,只有在艺术作品触及边缘时才添加边距。在下载之前检查上面的实时预览。
为什么选择 LeanImg?
LeanImg 立即在您的浏览器中生成完整的网站图标包。无需安装,无需创建帐户,文件不会离开您的设备 — 每个图标都是使用您浏览器内置的 Canvas API 本地生成的。上传任何图像格式,包括 SVG、PNG、JPG 或 WebP。设置背景颜色并调整边距,使您的图标在每个平台上看起来完美。在下载之前,预览您的网站图标在浏览器标签、Google 搜索结果以及 iOS 和 Android 主屏幕上的外观。您的 ZIP 包含您所需的一切:具有多个分辨率的 favicon.ico、PNG 网站图标、Apple Touch 图标、Android Chrome 图标和一个现成的 site.webmanifest 文件。没有水印。无需注册。没有隐藏限制。快速、免费的网站图标生成,适用于任何带浏览器的设备。
即时处理
在毫秒内生成所有网站图标尺寸。无需等待上传,无需服务器处理 — 一切都在您的浏览器中运行。
完整包
在一个 ZIP 下载中获取 favicon.ico、PNG 网站图标、Apple Touch 图标、Android Chrome 图标和 site.webmanifest。
实时预览
在下载之前查看您的网站图标在浏览器标签、Google 搜索结果以及 iOS 和 Android 主屏幕上的外观。
常见问题
LeanImg 如何生成网站图标?
LeanImg 使用 Canvas API 直接在您的浏览器中生成网站图标。上传单个图像,调整背景颜色和边距等设置,然后单击生成。您的图像被调整为所有标准网站图标尺寸,并打包成一个 ZIP 文件 — 没有任何内容上传到服务器。
LeanImg 支持哪些文件格式?
LeanImg 接受 PNG、JPG、WebP、AVIF、GIF 和 SVG 图像作为输入。它生成一个 favicon.ico 文件,包含多个分辨率,PNG 网站图标为 16x16 和 32x32,Apple Touch 图标为 180x180,以及 Android Chrome 图标为 192x192 和 512x512 像素。
我可以一次为多个图像生成网站图标吗?
LeanImg 一次从一个源图像生成一个完整的网站图标包。每次生成都会在一个 ZIP 下载中生成所有所需的尺寸和格式。上传新图像以创建另一个包 — 生成数量没有限制。
正确的网站图标尺寸是什么?
现代网站需要多种尺寸的网站图标。基本集合包括 16x16 和 32x32 像素用于浏览器标签,180x180 用于 Apple Touch 图标,以及 192x192 和 512x512 用于 Android Chrome。LeanImg 会自动从您的单个源图像生成所有这些尺寸。
在线创建网站图标安全吗?
LeanImg 完全在您的浏览器中处理您的图像。您的文件永远不会离开您的设备 — 没有任何内容上传到服务器,也没有数据被存储。这使得从公司徽标、品牌资产或您希望保持私密的任何图像生成网站图标是安全的。
我需要注册才能生成网站图标吗?
不需要。没有帐户,没有邮箱,也没有上传步骤。生成器在您的浏览器中使用 Canvas API 运行,因此您的徽标不会被发送到任何地方,您可以在 ZIP 下载完成后立即关闭标签页。没有水印,也没有每日限制。
在 2026 年,我实际上需要哪些网站图标尺寸?
四个,这个工具会写出所有这些。16x16 和 32x32 用于浏览器标签和书签,180x180 用于 iOS 主屏幕,以及 192x192 和 512x512 用于 Android 和网络清单。512 是人们常常忘记的:Android 使用它作为启动画面,如果没有它,您的应用图标会回退到模糊的放大小文件。
我可以从 PNG 创建网站图标吗?
可以,带透明背景的 PNG 是理想的输入。透明度会传递到包中的每个 PNG 和 ICO。如果您的源没有透明度,您可以在面板中设置背景颜色,以及在艺术作品触及边缘时添加边距,通常在 16 像素显示的内容不应该触及边缘。
ICO 还是 PNG:我应该使用哪种网站图标格式?
两者,这就是为什么 ZIP 中有两者。现代浏览器读取从您的链接标签引用的 PNG 文件,这些文件为您提供更清晰的小图标。您网站根目录下的 favicon.ico 是任何未解析您 HTML 的内容的兼容性基础,包括提要阅读器、爬虫和仅探测 /favicon.ico 的链接展开器。我们的包中包含 16、32 和 48 像素版本。
下载中包含哪些文件?
七个。favicon.ico、favicon-16x16.png、favicon-32x32.png、apple-touch-icon.png、android-chrome-192x192.png、android-chrome-512x512.png 和 site.webmanifest,作为一个 ZIP 提供。一个 942 KB 源文件实际生成了 4.6 KB、521 B、1.4 KB、28.4 KB、31.9 KB、196 KB 和 371 B。页面还打印了四个链接标签以粘贴到您的头部。
我应该将文件放在哪里?
在根目录,然后粘贴四个链接标签。favicon.ico 应放在 yoursite.com/favicon.ico,因为无论您是否引用它,该路径都会被探测。其余文件可以放在任何地方,只要 href 匹配,但根目录保持我们生成的代码正确。浏览器会强缓存网站图标,因此请使用私密窗口检查您的工作。
我可以一次为多个图像生成网站图标吗?
不,每次运行一个图像。网站图标包是一组单个标记的衍生品,因此批处理通常会在相同文件名上产生冲突。输入限制为 10 MB,这远远超过任何徽标所需的。如果您有多个品牌需要处理,请依次运行并在每个 ZIP 下载后重命名。
想要更小的文件吗?在创建图标之前压缩您的图像。需要自定义尺寸?调整您的图像大小。需要不同的格式?转换您的图像。需要切割?使用 AI 移除背景。