网站图标生成器
放下一张图像即可获得完整的图标集 - .ico、每个 PNG 尺寸以及要粘贴的 HTML - 无需上传任何内容。
Drag & drop a square image or logo here, or click to choose. PNG, JPG, SVG, WEBP — a square source (512×512 or larger) looks best. Your image never leaves your browser, nothing is uploaded.
Paste this into your <head>
该图标生成器可以完全在您的浏览器中从单个方形图像或徽标构建完整的、可立即投入生产的图标集。它生成多尺寸 favicon.ico (16–256)、16、32、48、180 (apple-touch-icon)、192 和 512 像素的 PNG 图标，以及引用 favicon.ico、apple-touch-icon、PNG 尺寸和 site.webmanifest 的复制粘贴 HTML 头片段。由于所有处理均通过 Canvas API 在本地进行，因此您的图像永远不会离开您的设备 — 无需上传、无需队列、也没有水印。只需放下您的徽标，预览每个生成的尺寸，下载文件并粘贴片段即可。
常见问题解答
这个网站图标生成器会产生什么？
由一张图像组成的完整图标集：多尺寸 favicon.ico（单个文件中的 16、32、48、64、128 和 256 像素）、16×16、32×32、48×48、180×180（apple-touch-icon）、192×192 和 512×512 的 PNG 图标，以及准备粘贴 HTML 头片段。
我的图像是否已上传到服务器？
不会。此图标生成器使用 Canvas API 在您的浏览器中 100% 运行。您的图像在本地进行解码和重新编码，因此不会上传、存储或共享任何内容 - 它是完全私有的。
我的源图像应该是什么尺寸和格式？
使用至少 512×512 的方形图像以获得最清晰的结果。 PNG、JPG、SVG 和 WEBP 都可以。 SVG 和大 PNG 徽标可以干净地缩小到每个图标大小。
如何将网站图标添加到我的网站？
将 favicon.ico 和 PNG 文件下载到站点的根文件夹中，然后将生成的 HTML 代码段复制到页面的 <head> 中。它链接 favicon.ico、16/32 PNG、apple-touch-icon 和 site.webmanifest。
苹果触摸图标有什么用？
180×180 apple-touch-icon 是 iOS 和 iPadOS 在有人将您的网站保存到其主屏幕时使用的图标。包含它会使您的书签看起来像本机应用程序，而不是模糊的屏幕截图。
为什么生成 .ico 文件而不仅仅是 PNG 文件？
favicon.ico 是每个浏览器（包括旧浏览器）在站点根目录请求的长期默认设置。我们的 .ico 将多种分辨率打包到一个文件中，因此浏览器始终会选择最清晰的尺寸 - 而且我们仍然为您提供现代的 PNG。
容纳或覆盖——我应该选择哪一种？
将整个图像的信箱包含到具有透明边缘的正方形中，使您的完整徽标可见。覆盖物将正方形边缘填充到边缘并裁剪溢出部分。使用包含来表示宽徽标，使用覆盖来表示已经是方形的图标。
这个图标生成器真的免费吗？
是的 - 它完全免费，无需注册，没有限制，也没有水印。由于工作发生在您的浏览器中，因此您可以根据需要生成任意数量的图标集。