Favicon PNG
PNG favicon 是现代标准:清晰、支持广、易生成。每个尺寸用一个 <link rel="icon"> 标签声明,浏览器按需选最佳分辨率。
使用 16x16、32x32、48x48、192x192、512x512 的 PNG favicon,用 <link rel="icon" type="image/png" sizes="..."> 声明。搭配 apple-touch-icon(180x180)和 manifest 实现全覆盖。
你需要的 PNG favicon 尺寸
| 尺寸 | 用途 |
|---|---|
| 16x16 | 标准浏览器标签 |
| 32x32 | 高分屏标签、任务栏 |
| 192x192 | Android 主屏、PWA |
| 512x512 | PWA 安装 / 启动屏 |
常见问题
PNG favicon 需要哪些尺寸?+
至少 16x16 和 32x32(标签页);加 192x192 和 512x512(Android/PWA)。用生成器从一张图产出全部。
PNG 还是 favicon.ico,用哪个?+
都用。favicon.ico 是通用兜底;PNG link 标签给现代浏览器更清晰的尺寸化图标。生成器一个包里都输出。
HTML 里怎么加 PNG favicon?+
在 <head> 里为每个尺寸加 <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">。
一次生成所有 PNG favicon 尺寸
上传一张图,一次下载所有 PNG 尺寸、apple-touch-icon 和 manifest(ZIP 包)。
打开 Favicon 生成器