OpenReplay Logo
12k
12k

favicon 生成器

将任意图片转换为完整的 favicon 集合——favicon.ico、各种 PNG 尺寸以及 HTML 代码片段——在你的浏览器本地渲染,不上传任何内容。

在您的浏览器中本地渲染 —— 您的图片绝不会被上传。

关于此工具

favicon 是浏览器在标签页、书签和历史记录中显示的小图标;现代站点会提供一组尺寸,使它从 16×16 的标签页到 512×512 的 PWA 安装界面都保持清晰。本生成器接受一张源图片(PNG、JPG、SVG 或 WebP),将其居中裁剪为正方形,并渲染标准尺寸——16、32 和 48 用于 favicon.ico,180 用于 Apple touch 图标,192 和 512 用于 Android/manifest 图标。一切都在你浏览器的 <canvas> 上运行,.ico 通过将这些小 PNG 直接嵌入 Windows ICONDIR 容器来组装,所有当前的浏览器和操作系统都能读取它。

用它为新项目搭建起 favicon 集合、在品牌焕新后刷新图标,或生成 Lighthouse 或 PWA 审计所要求的确切文件。放入一张正方形 logo,按需切换圆角或透明内边距,然后下载 favicon.ico 和每个 PNG,并将现成的 <link> 标签以及 site.webmanifest 的 icons 块粘贴进你的 <head>。

.ico 文件嵌入了真正的 PNG(PNG-in-ICO),所有现代浏览器都能读取——将它放在你站点根目录的 /favicon.ico。

常见问题

我应该上传多大尺寸的图片来做 favicon?

上传一张至少 512×512 px 的正方形图片,以使最大的输出保持清晰。较小的源图会被放大,可能显得模糊,而非正方形的图片在渲染前会被居中裁剪为正方形。

我还需要 favicon.ico 文件吗?

需要——位于你站点根目录的 favicon.ico 是浏览器和爬虫会自动请求的回退,某些旧环境只查找它。本工具会构建一个内嵌 16、32 和 48 px 帧的 .ico,与通过 <link> 标签引用的现代 PNG 图标并存。

为什么 favicon 生成器会产出多种 PNG 尺寸?

不同的界面需要不同的尺寸:16/32 px 用于浏览器标签页,180 px 用于 iOS 主屏幕上的 Apple touch 图标,192/512 px 用于 Android 和 PWA manifest 图标。全部提供它们能让每个平台挑选最接近的匹配,而不是缩放单一一张图片。