PNG 转 Favicon

把 PNG 转成 favicon.ico、apple-touch-icon 和各尺寸 PNG 图标。免费 PNG 转 favicon 工具,无需注册。

试试示例
100%
0%

预览

拖动可调整位置,滑动滑块缩放。

16
32
48
192

支持的尺寸

16x16浏览器标签
32x32浏览器标签(高分辨率)
48x48Windows桌面
192x192Android应用
512x512PWA应用
180x180iOS设备(apple-touch-icon)

包含详细的使用说明和示例代码

上传一张 PNG,立即转换成完整的 favicon 包——favicon.ico、apple-touch-icon 以及浏览器、iOS、Android 和 PWA 所需的各尺寸 PNG 图标。和 favicon 生成器同一引擎,专为 PNG 转换而设。

使用方法

  1. 1点击上传框,选择一张 PNG(建议 512x512 或更大)。
  2. 2在 16x16 和 32x32 下预览——这是最常见的显示尺寸。
  3. 3点击「生成 Favicon」。
  4. 4下载 ZIP(favicon.ico、各尺寸 PNG、apple-touch-icon、manifest)。
  5. 5把附带的 <link> 标签加到网站的 <head> 里。

常见问题

怎么把 PNG 转成 favicon?+

上传你的 PNG,点击「生成 Favicon」,下载 ZIP——里面有 favicon.ico、apple-touch-icon 和各尺寸 PNG 图标,以及要加到 HTML 的 <link> 标签。

该上传多大的 PNG?+

至少 512x512 像素的正方形 PNG。转换器会把它缩到浏览器和设备所需的每个 favicon 尺寸,所以大而清晰的源图效果最好。

也会生成 favicon.ico 吗?+

会——favicon.ico 和 PNG 图标一起生成。旧浏览器和一些工具仍会直接请求 /favicon.ico,所以它始终作为通用兜底被生成。

可以用 JPG 或 SVG 吗?+

可以——同一工具支持 JPG 和 SVG。完整选项请用 Favicon 生成器。

怎么把 favicon 加到网站里?+

解压后把文件上传到网站根目录(或专门的图标目录),再把附带的 <link rel="icon">、apple-touch-icon 和 <link rel="manifest"> 标签粘到 HTML 的 <head> 里。ZIP 里已包含 site.webmanifest 和现成的 HTML 片段,无需手写。

相关工具