Favicon 生成器

用任意图片制作或生成 favicon——favicon.ico、apple-touch-icon 和各尺寸 PNG 图标。免费、无需注册。

试试示例
100%
0%

预览

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

16
32
48
192

支持的尺寸

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

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

上传 Logo 或图片,一键生成完整的 favicon 包——favicon.ico、apple-touch-icon、各尺寸 PNG 和 web manifest,全部打成一个 ZIP。

使用方法

  1. 1上传方形 PNG 或 SVG(512x512 或更大最佳)
  2. 2预览它在不同尺寸下的样子
  3. 3点击 生成 Favicons
  4. 4下载完整 ZIP(ICO、PNG、apple-touch-icon、manifest)
  5. 5把附带的 <link> 标签加到网站的 <head>

常见问题

上传什么图片?+

至少 512x512 的方形 PNG 或 SVG。简洁、高对比度的 Logo 效果最好——图标很小会丢细节,避免细线条和小文字。

ZIP 里有什么?+

favicon.ico、favicon-16x16 到 favicon-512x512 的 PNG、apple-touch-icon.png、site.webmanifest 和使用说明——覆盖现代浏览器、iOS、Android、PWA 全部所需。

2026 年还需要 favicon.ico 吗?+

需要。旧浏览器和某些工具仍直接请求 /favicon.ico,它是通用兜底。生成器会把它和现代 PNG/SVG 一起输出。

怎么把 favicon 加到网站里?+

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

相关工具