已更新9月 2026
如何使用PNG 至 ICO
- 上传一个方形 PNG - 您的徽标，理想情况下会简化为小显示。
- 转换并下载 ICO。
- 将其上传为 /favicon.ico 到您的网站根目录 - 浏览器会自动请求该路径。
- 在浏览器选项卡中验证 - 硬刷新；图标顽固地缓存。
PNG 至 ICO是什么？
PNG 到 ICO 转换器将您的图像打包为 Windows 图标文件 - favicon.ico 背后的格式、每个网站都需要的浏览器选项卡图标以及 Windows 应用程序/快捷方式图标。 ICO 是一个容器：它可以在一个文件中容纳多种分辨率（16×16、32×32、48×48…），消费者可以选择所需的尺寸。
这是徽标工作的最后一英里：您拥有 PNG 形式的品牌艺术；浏览器和Windows需要ICO。方形输入转换效果最好 - 网站图标显示为方形，并且格式需要它们。
关于PNG 至 ICO
上传一个方形 PNG（您的徽标或标记），然后下载 ICO，准备部署。
favicon 部署配方：将其命名为 favicon.ico，将其放置在您的站点根目录（即使没有标记，浏览器也按照惯例请求 /favicon.ico），并可选择声明它 — — 以确保明确。透明度得以保留（ICO 支持 Alpha），因此徽标在任何选项卡颜色下都保持透明背景。
16 像素的设计现实：复杂的徽标会变成污迹 - 有效的图标是一个粗体形状或字母，高对比度，没有精细文本。如果您的完整徽标很详细，请在转换之前裁剪为其最简单的独特元素。现代环境：浏览器还直接接受 PNG favicons（通过链接标签），并且 PWA 需要各种 PNG 尺寸 - 但 favicon.ico 仍然是每个网站都应该发布的通用的、默认请求的基线。我们的网站图标生成器可处理多尺寸包装变体。
常见问题解答
16×16 和 32×32 覆盖浏览器选项卡和书签； 48×48 增加了 Windows 快捷方式的修饰。多尺寸 ICO 可供每个消费者选择——单一尺寸 32×32 也可以在任何地方使用。
是的 - 支持完整的 Alpha，透明的图标背景是标准做法，因此标记可以干净地放置在任何选项卡主题上，无论是浅色还是深色。
16 像素的细节太多——带有文本的完整徽标永远无法保存。使用最简单的独特元素：一个字母、一种形状、粗体和高对比度。
现代浏览器接受 <link rel="icon" type="image/png" …> — 但默认情况下仍会请求 /favicon.ico，并且是旧环境所期望的，因此发布 ICO 仍然是零惊喜基线。
Favicon 缓存是出了名的粘性。硬刷新，尝试使用私人窗口，或直接请求 /favicon.ico。访问者的缓存会在几天内更新；没有在整个站点范围内强制执行它。