AZ Tools

Favicon 生成器(多尺寸 PNG)

文件

拖入 logo 或图标,工具会按浏览器与系统实际请求的 10 个尺寸渲染 PNG:16/32/48 为旧版 favicon,180 为 Apple touch icon,192/512 为 PWA manifest 图标。可选背景色(或透明)与边距百分比,自动生成可粘贴的 `<link>` 片段。全部用 canvas 渲染——图片不离开浏览器。

拖入图片以生成图标包。

使用方法

  1. 拖入一张方形源图(PNG/SVG/JPG,建议 512×512+)。
  2. 选择背景(透明或颜色)与边距 %。
  3. 单独或一次性下载,把 HTML 片段粘进 `<head>`。

常见问题

为什么要这么多尺寸?
每种环境会挑最接近的尺寸而不缩放:浏览器偏好 32,Apple touch 用 180,Chrome PWA 安装要 192/512,Windows 磁贴用 144/270。全提供最稳妥。
.ico 文件在哪?
现代浏览器更喜欢 PNG。若仍需 `favicon.ico`,把 `favicon-32.png` 改名即可——大多数浏览器接受扩展名为 .ico 的 PNG。
我的图在 16×16 看起来糊。
小尺寸细节会消失,请用简化版 logo。许多网站对 32px 以下使用单独的 "标记"。
透明 vs 纯色背景?
透明在深/浅色浏览器与 PWA 安装更好看;纯色(白色或品牌色)在 iOS 主屏更像按钮。

相关工具