网站图标生成器

创建 ICO 和 PNG 图标、预览小图标并在浏览器中下载完整的 ZIP。

选择图像,设置填充和背景颜色,检查小预览,然后生成并下载 ZIP。

将您的徽标变成网站图标集选择一张图片或将其拖放到此处PNG、JPEG、WebP 或 SVG · 10 MB · 每边 4096 像素

该工具需要 JavaScript 和具有本地图像处理功能的现代浏览器。

使用说明

创建网站图标集

选择图像,设置填充和背景颜色,检查小预览,然后生成并下载 ZIP。

实际例子与结果

示例:上传透明1024×1024徽标,保持透明度并使用10%填充。 ZIP 包含 ICO (16/32/48)、五个 PNG、一个包含 PNG 的 SVG、一个图标清单和 HTML 片段。简单标记在 16 像素下保持更清晰;精细的细节可能会消失。

什么是网站图标?

网站图标是浏览器中显示在页面标题旁边的选项卡、书签和历史记录中的小图标。它很小——通常只有 16×16 像素——所以一个好的网站图标应该是简单的、高对比度的并且一眼就能识别。该生成器将您的图像转换为常见的网站图标尺寸,完全在您的浏览器中进行。没有上传任何内容。

2026 年您需要的尺寸

文件字号用于
favicon.ico16, 32, 48浏览器选项卡和书签
favicon.svg512 × 512支持 SVG 的浏览器;嵌入PNG
favicon-16x16.png, favicon-32x32.png16, 32PNG 后备方案
apple-touch-icon.png180 × 180iOS 主屏幕和 Safari
android-chrome-192x192.png, android-chrome-512x512.png192, 512Android 和 PWA 图标条目

格式与限制

支持 PNG、JPEG、WebP 和纯 SVG 输入。文件大小限制为 10 MB,每边 4096 像素。不支持动画图像。 SVG 输入在浏览器中被光栅化;脚本、外部引用、图像、样式表、过滤器和动画将被删除并且不会呈现。文本使用可用的本地字体。检查预览您的 SVG 是否使用这些功能。

ICO 包含 16×16、32×32 和 48×48 PNG 压缩条目。缩小尺寸使用多步重采样,但详细的照片在 16 像素处仍然会丢失细节——简单的标记效果最好。选择后,ICO 和 PNG 中会保留透明度; Apple 触摸图标使用纯色背景。 SVG 输出嵌入了 PNG,而不是矢量转换。您的原始内容保持不变。

常问问题

我的图标大小应该是多少?

交付多尺寸 ICO (16/32/48)、180×180 Apple 触摸图标和适用于 Android 的 192/512 PNG。这些是常见的浏览器和设备大小,并不能保证每个平台都使用每个文件。

ICO 或 PNG — 我需要哪一个?

包括 ICO 后备和 PNG 或 SVG 替代方案。复制 HTML 代码段,然后更新路径以匹配您托管文件的位置。

浏览器支持 SVG 图标吗?

许多现代浏览器都支持 SVG 图标。为不支持 ICO 的浏览器保留 ICO 后备。该工具将 512×512 PNG 嵌入到 SVG 中;它不会将您的徽标跟踪到矢量路径中。

我更换了我的图标,但旧图标仍然显示。为什么?

浏览器会积极缓存网站图标。尝试硬刷新或清除浏览器缓存。检查文件路径,如果缓存的图标仍然存在,请更改文件名或版本查询。

我的透明背景可以在 iPhone 上使用吗?

Apple 触摸图标始终会平铺到您在此处选择的 Apple 背景颜色上。 ICO 和其他 PNG 文件在选择时保持透明度。

此 ZIP 会让我的网站可以作为 PWA 安装吗?

不。清单仅包含图标条目。将它们合并到您现有的清单中,或添加您的网站所需的名称、起始 URL 和其他 PWA 设置。