Every favicon size from one image
Hand-exporting six icon sizes per site is tedious. Drop one image and get 16–512px PNGs, the Apple touch icon, and site.webmanifest zipped in seconds.
Drop a square image — get every favicon size plus site.webmanifest as a ZIP.
包含 favicon.ico、site.webmanifest + HTML 代码片段
What you can do with Favicon 生成器
Everything this tool helps you accomplish — no learning curve, no setup.
- Generate every favicon size from one image
- Create Apple touch and Android home-screen icons
- Get a ready-to-use site.webmanifest file
- Download all favicon sizes as a single ZIP
- Add a crisp browser-tab icon to your website
用完 Favicon 生成器 了？接下来试试这些
为您精选与 Favicon 生成器 搭配得当的工具。无需丢失文件，继续操作。
ICO 转换器
Windows and browsers need .ico, not PNG. Convert PNG, JPG, or SVG into one multi-resolution .ico (16–256 px) ready for favicons and desktop apps in seconds.
立即试用SVG 转 PNG
Slack, docs, and most apps can't use SVG. Export your vector as a sharp PNG at 1×–8× scale with a transparent, white, or custom background — in seconds.
立即试用PNG 转 WebP
PNGs are bloating your page load. Convert them to WebP at a fraction of the size with every transparent pixel intact — in seconds.
立即试用图片转贴纸
Plain photos look out of place in chats. Cut the background, wrap a white outline around your subject, and export a sticker sized for WhatsApp, Telegram, and iMessage in seconds. Free to start.
立即试用调整图片尺寸
Wrong size for the platform? Set exact width and height or scale by percent, preview live, and download without quality loss — in seconds. Free to start; batch resize with Premium.
立即试用颜色拾取器
Stop guessing HEX codes from screenshots. Click any pixel for HEX, RGB, and HSL, or extract the dominant palette as JSON or CSS variables, right in your browser.
立即试用常见问题
对于现代浏览器和设备，你需要六种尺寸：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。
technicalWeb 应用清单是一个 JSON 文件，用于告诉 Android、Chrome 和 Edge：当你的站点作为渐进式 Web 应用安装时应如何呈现——图标、名称、主题色和显示模式。我们的生成器附带一个指向 Android Chrome 图标的初始清单；你只需修改 name 和 theme_color 即可。
features512×512 或更大的正方形（1:1）PNG 能在各种尺寸下都得到最干净的输出。避免在 16×16 时会消失的精细细节——favicon 最适合采用单一、醒目的图形和高对比度。透明 PNG 也可使用；工具会为其加上留白边框，让图标在每种尺寸下都居中显示。
tips你的源图片通过 HTTPS 上传到我们的安全服务器，服务器会渲染每种 favicon 尺寸以及 site.webmanifest，并以 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 可安装性检测。
technicalYes. Preview the favicon set before signup, then create a free account to download the ZIP without a watermark. The icon set is rendered on our servers, so signed-in free use has an allowance and Premium removes the cap.
pricingfavicon 是浏览器在标签页标题旁、书签和历史记录中显示的小图标。当有人将你的网站添加到手机主屏幕或作为应用安装时，它也会用作该应用的图标。在此上传你的 logo，生成器即可在一个 ZIP 中输出全套尺寸的 favicon 以及一份 site.webmanifest。
usage可以——上传器接受 PNG、JPEG、WebP 和 SVG 源文件，而不仅仅是 PNG。如果你有 SVG，值得使用：因为它是矢量，从 16 到 512 的每个输出尺寸都会从矢量数据重新渲染，而不是从位图放大，因此即便在 512×512 下边缘也保持清晰。JPEG 和 WebP 也可以正常使用，不过由于 JPEG 无法保留 alpha 通道，你应先将任何透明部分拼合到背景上。
technical上传你的 PNG 徽标，生成工具会将其渲染成包含浏览器所需的 16、32 和 48 像素版本的多分辨率 favicon.ico，同时附带六种 PNG 尺寸和 site.webmanifest 文件，全部打包在一个 ZIP 中。JPEG、WebP 和 SVG 格式的源文件同样适用，任何徽标文件都能转换成网站图标，无需打开图像编辑器。
usageFavicon 生成器 如何助您完成任务
它每天都在解决真实的问题——服务企业、创作者和日常任务。找到适合您的用例，几秒即可开始。
独立开发者产品发布
独立创始人在发布 MVP 前需要一个精致的网站图标。只需一张 Logo 图片，一键生成所有尺寸和 manifest 清单——无需 Figma，也无需订阅任何设计工具。
代理机构客户设置
交付新客户网站时，favicon 图标集很少被列入预算，却总是被期待交付。在项目收尾时生成 ZIP 包，放入 /public 目录，即可勾掉这项交付内容。
PWA 可安装性
要通过 Chrome 的可安装性检查，您的 manifest 需要 192×192 和 512×512 的图标。我们的输出开箱即满足这一要求，并附带相应的 HTML head 标签。
多品牌工作空间
同时处理多个客户品牌的代理机构和顾问，每当品牌焕新上线时都能在 10 秒内重新生成整套网站图标——无需维护 Photoshop 动作。
开源项目品牌形象
GitHub Pages、Vercel、Netlify 和 Cloudflare Pages 上的站点都需要 favicon，才能在浏览器标签页中显得精致。把生成的文件放入你的仓库，你的项目看起来就像正式发布了一样。
品牌焕新
当你的标志更换时，可一键重新生成所需的所有尺寸——包括 180px 的 Apple touch 图标和 512px 的 Android PWA 图标——无需在 Illustrator 中手动重新导出。
浏览器扩展清单的图标
直接从 ZIP 中取出 16、32 和 48px 的 PNG 用于你的 manifest.json 图标对象——无需在设计工具中逐一手动导出每种尺寸，就能快速获得合规的扩展程序图标。
填补无代码网站的 Favicon 缺口
Webflow、Framer 和 Wix 通常不会自动生成完整的 favicon 图标集；在此上传你的徽标，几分钟内即可将生成的各种尺寸和 HTML 代码段粘贴到网站的自定义代码或 SEO 设置面板中。
为兴趣博客打造精致完整的外观
用 Ghost、Jekyll 或 Hugo 搭建的个人博客往往完全没有 favicon；从一张头像或手绘徽标生成整套图标，让浏览器标签页看起来是用心设计过的，而不是一片空白。
修复 SEO 审计中标记出的 Favicon 问题
缺失或损坏的 favicon 是 Lighthouse 和 SEO 爬虫报告中常见的警示项，还会悄悄降低搜索结果和书签中的点击率。一次上传即可重新生成整套图标，今天就把这个问题解决掉。