从单个图像生成您的网站所需的每个网站图标尺寸
上传徽标或图标，该工具会输出现代浏览器、操作系统和 PWA 清单所需的所有尺寸的图标 - 从经典的 16 x 16 ICO 到适用于 Android 主屏幕的 512 x 512 PNG。下载包含 HTML 代码段的可立即部署的包。
免费使用此工具Browser tool
Favicon generator
Runs locally in your browser. The selected image is not uploaded by this tool.
JPEG, PNG, and WebP are supported by default. Specialized converters restrict the file picker to their required input format.
如何使用
上传您的图片
将 PNG、SVG、JPEG 或 WebP 文件拖放到生成器中。 512 像素或更大的方形图像可产生最清晰的结果。
裁剪和调整
拖动裁剪手柄以隔离图标区域。如果图标需要喘息空间，请添加填充。将背景设置为透明或纯色。
预览所有尺寸
该工具会同时渲染每个目标尺寸，因此您可以验证图标在 16 像素时是否可识别，在 512 像素时看起来是否清晰。
下载包
下载包含所有网站图标文件和 HTML 片段的 ZIP，您可以将其粘贴到站点的 <head> 标记中以正确引用每个图标。
特征
完整尺寸覆盖
为传统浏览器生成 16 x 16、32 x 32 和 48 x 48；适用于 iOS 的 180 x 180 Apple 触摸图标； Android PWA 清单为 192 x 192 和 512 x 512。一次通过即可实现所有常见尺寸。
ICO 和 PNG 输出
该包包含一个多分辨率 .ico 文件（包含 16、32 和 48 px 图层）以及每种尺寸的单独 PNG 文件。这两种格式都可以直接在 HTML head 标签中使用。
裁剪和填充编辑器
调整裁剪区域以隔离图像的图标部分。添加内边距以防止图标接触图标方块的边缘，从而提高小尺寸下的易读性。
后台控制
为现代浏览器保留透明背景，或为 Apple Touch 图标（不支持透明度）设置纯色填充颜色。下载前预览两种模式。
After this task
After this free tool, open Background Eraser for the next AI editing workflow.
Continue with Background Eraser规格
| 输出尺寸（像素） | 16、32、48、180、192、512 |
| 输出格式 | ICO（多层），PNG |
| 输入格式 | PNG、SVG、JPEG、WebP |
| 推荐输入 | 512 x 512 像素或更大，方形 |
| 苹果触摸图标 | 180 x 180 像素，可选纯色背景 |
| 加工 | 客户端（无上传） |
Related Magic Eraser Tools
常见问题
我应该从多大的图像尺寸开始？
+
从至少 512 x 512 像素的方形图像开始。生成器从该母版中缩小比例，因此高分辨率源确保每个较小的尺寸都清晰。 SVG 文件效果最好，因为它们可以缩放而不会造成质量损失。
我需要全部六种尺寸吗？
+
为了获得最大的兼容性，是的。 16 和 32 px ICO 涵盖旧版浏览器，iOS Safari 书签需要 180 px PNG，Android PWA 安装提示和启动屏幕需要 192/512 px PNG。
如何将网站图标添加到我的网站？
+
下载包包含一个 HTML 片段。将其粘贴到站点的 <head> 部分。它引用浏览器的 ICO 文件以及 Apple 和 Android 设备的 PNG 文件。大多数框架还支持将 favicon.ico 放在根目录中。
More free tools
Explore our other limited free edits after sign-in photo and image tools.
设计具有多个色标的线性、径向和圆锥渐变。复制 CSS 代码或下载为 PNG 图像。
在 HEX、RGB、HSL、HSB、CMYK 和 CSS 命名格式之间转换颜色。查看实时预览、复制任何值并导出色卡。
将十六进制颜色代码转换为 RGB 值，反之亦然。实时预览、一键复制和 CSS 片段输出。——可在您的浏览器中使用。
从上传的图像中选择任何颜色并立即获取其十六进制、RGB 和 HSL 代码。从照片构建调色板，用于网页设计、品牌推广和插图。
上传照片并使用十六进制、RGB 和 HSL 代码提取 5-10 个主色。复制样本，导出为 ASE 或 CSS 变量。
生成 URL、文本、WiFi 凭证和 vCard 的 QR 码。自定义颜色、添加中心徽标并下载为 PNG 或 SVG。