Favicon 生成器——从图片生成全部 Favicon 尺寸

上传任意图片,即时获得完整的 favicon 套件:16、32、48、180(Apple)、192 和 512(PWA),外加 site.webmanifest,全部打包为一个 ZIP。

拖入你的徽标以生成各种尺寸的网站图标

包含 site.webmanifest 和 HTML 代码片段

文件在处理后自动删除无水印免费使用——无需注册

Frequently Asked Questions

对于现代浏览器和设备,你需要六种尺寸:16×16 和 32×32 用于浏览器标签页,48×48 用于 Windows 网站图标,180×180 用于 Apple 触控图标(iOS 主屏幕),以及 192×192 + 512×512 用于 Android 主屏幕和 PWA 安装提示。我们的生成器可从单张源图片生成全部六种尺寸外加一个 site.webmanifest 文件。

usage

大多数现代浏览器更倾向于使用 PNG 链接标签(rel="icon" type="image/png"),因此不再需要 ICO 文件。我们跳过了老旧的 ICO,转而为每种现代场景提供尺寸正确的 PNG 网站图标。如果你必须支持 Internet Explorer 或非常老的 Chrome,可以单独把其中一张 PNG 转换为 ICO。

technical

Web 应用清单是一个 JSON 文件,用于告诉 Android、Chrome 和 Edge:当你的站点作为渐进式 Web 应用安装时应如何呈现——图标、名称、主题色和显示模式。我们的生成器附带一个指向 Android Chrome 图标的初始清单;你只需修改 name 和 theme_color 即可。

features

512×512 或更大的正方形(1:1)PNG 能在各种尺寸下都得到最干净的输出。避免在 16×16 时会消失的精细细节——favicon 最适合采用单一、醒目的图形和高对比度。透明 PNG 也可使用;工具会为其加上留白边框,让图标在每种尺寸下都居中显示。

tips

可以——你的源图片通过 canvas API 调整尺寸,并在本地打包为 ZIP。不会上传任何内容。因此为未发布的产品和尚未上线的品牌形象生成图标也很安全。

privacy

将下载内容解压到您网站的 /public(或网站根目录)文件夹中,然后把附带的 HTML 代码片段添加到您的 <head> 中:PNG 图标的 link 标签以及指向 site.webmanifest 的链接。强制刷新您的网站(Cmd+Shift+R)——浏览器会大量缓存 favicon,因此您可能需要清除缓存才能看到新图标。

usage

可以——192×192 和 512×512 的 PNG 正是 Chrome 和 Edge 用来判定网站可作为可安装 PWA 的依据。它们与 manifest 一起,可满足 Lighthouse 的 PWA 可安装性检测。

technical

可以。没有水印,无需注册,没有使用上限——而且这个 ZIP 永远属于你。我们之所以添加这个工具,是因为每位开发者迟早都需要一套网站图标,而现有的生成器要么广告泛滥,要么要付费才能获得高分辨率输出。

pricing

How Favicon Generator helps you get it done

Real problems it solves every day — for businesses, creators, and everyday tasks. Find the use case that fits you and start in seconds.

For Developers

独立开发者产品发布

独立创始人在发布 MVP 前需要一个精致的网站图标。只需一张 Logo 图片,一键生成所有尺寸和 manifest 清单——无需 Figma,也无需订阅任何设计工具。

For Business

代理机构客户设置

交付新客户网站时,favicon 图标集很少被列入预算,却总是被期待交付。在项目收尾时生成 ZIP 包,放入 /public 目录,即可勾掉这项交付内容。

For Developers

PWA 可安装性

要通过 Chrome 的可安装性检查,您的 manifest 需要 192×192 和 512×512 的图标。我们的输出开箱即满足这一要求,并附带相应的 HTML head 标签。

For Business

多品牌工作空间

同时处理多个客户品牌的代理机构和顾问,每当品牌焕新上线时都能在 10 秒内重新生成整套网站图标——无需维护 Photoshop 动作。

For Developers

开源项目品牌形象

GitHub Pages、Vercel、Netlify 和 Cloudflare Pages 上的站点都需要 favicon,才能在浏览器标签页中显得精致。把生成的文件放入你的仓库,你的项目看起来就像正式发布了一样。

Marketing

品牌焕新

当你的标志更换时,可一键重新生成所需的所有尺寸——包括 180px 的 Apple touch 图标和 512px 的 Android PWA 图标——无需在 Illustrator 中手动重新导出。