跳到主要内容

免费 Favicon 生成器

用 logo、图标或图片在本地生成 favicon.ico 和常用 PNG 尺寸。

浏览器本地处理,保护隐私

先在本地生成 favicon ICO 和 PNG,再放进网站。

免费 Favicon 生成器
用 logo、图标或图片在本地生成 favicon.ico 和常用 PNG 尺寸。

拖入文件或点击浏览

12%

等待文件中

先添加一个文件再开始。

原始大小

-

输出大小

-

生成尺寸

16, 32, 48, 96, 180, 192, 512

仅在浏览器本地处理,不上传。

输出大小

等待文件中

如何用一张 Logo 生成 favicon

一张源图就能产出 ICO 兼容文件、各个 PNG 尺寸,以及直接粘进页面的 HTML。

  1. 准备方形 Logo

    使用正方形图片,最好是 SVG、PNG 或 WebP,图案简洁、对比度高,缩到 16x16 像素仍然清晰可辨。

  2. 设置留白和背景

    留白让图案不贴边被裁切,纯色背景则能让图标在深色浏览器工具栏上依然可见。

  3. 生成并下载

    点击“生成 favicon”:工具会写出包含 16、32、48 像素帧的 favicon.ico,以及 96、180、192、512 像素的 PNG 图标。

  4. 粘贴 HTML 片段

    把生成的片段复制到页面 head 中,浏览器、iOS 主屏和网页应用清单就能找到这些图标。

favicon 生成器常见问题

  1. 1

    我的 Logo 会被上传吗?

    不会。favicon 完全在你选择的图片基础上于浏览器本地生成。

  2. 2

    生成器会输出哪些文件?

    一个包含 16、32、48 像素帧的多尺寸 favicon.ico,96、180、192、512 像素的 PNG 图标,以及配套的 HTML 片段。

  3. 3

    应该放 ICO 还是 PNG?

    favicon.ico 作为老旧浏览器和客户端的兜底,PNG 尺寸用于现代浏览器、iOS 主屏和网页应用清单,两者一起放。

  4. 4

    为什么标签页里的 favicon 看起来很糊?

    16x16 像素装不下细节,细线条和小字会糊成一团。方形、高对比、留白足够的图案在这个尺寸下才清晰。

  5. 5

    需要账号或插件吗?

    不需要。生成器免费、在浏览器里运行,也不用注册。

小提示

  • favicon 很小,建议使用方形、高对比度图标。
  • favicon.ico 适合兼容旧浏览器,512 PNG 适合 PWA 或应用图标。

更多工具

继续阅读

新功能上线时通知你

新产品或新功能上线时,我们会给你发一封邮件。无垃圾邮件,可随时退订。