Favicon 生成器

把任意图片做成完整的网站图标套件 —— favicon.ico 以及浏览器、iOS、Android 各自需要的 PNG 尺寸。打包成 zip 下载，并附上可直接粘贴的 HTML 代码。

把文件拖到这里

选择文件

支持格式：PNG, JPG, WebP · 单个文件最大 20 MB

文件不会离开你的设备。

图片如何填充正方形？

保留全图，四周留透明边。适合 logo。

建议使用至少 512 × 512 px 的正方形图片，效果最好。

所有处理都在你的浏览器中完成，文件不会上传到服务器。

使用步骤

会生成哪些文件？

一个包含 16、32、48 像素版本的 favicon.ico；供浏览器使用的 16、32、48 独立 PNG；用于 iOS 主屏的 180 像素 apple-touch-icon.png；以及用于 Android 和 Web 应用清单的 192、512 像素 PNG。

源图应该多大？

建议至少 512 × 512 像素，且最好是正方形。所有尺寸都是从源图缩小得到的，源图越大越方正，各尺寸下的效果就越干净。

「完整显示」和「填满裁切」有什么区别？

完整显示会保留整幅图，四周补上透明边使其变成正方形，适合 logo；填满裁切会裁掉边缘让图片铺满整个方形，更适合照片。

这些文件该放在哪里？

上传到网站根目录，使 favicon.ico 可以通过你的域名/favicon.ico 访问。然后把提供的 link 标签粘贴到页面 head 中。

为什么换了图标之后还是显示旧的？

浏览器对 favicon 的缓存非常激进。可以尝试强制刷新、直接访问图标 URL 确认服务器已返回新文件，或用无痕窗口测试。

图片会被上传到服务器吗？