Favicon 生成器 🔒 完全在您的浏览器中运行——不上传任何数据。

从图片或字母生成 favicon，并附带 HTML。

16px
16×16
32px
32×32
48px
48×48
180px
180×180
192px
192×192
512px
512×512

用于 <head> 的 HTML

   
 
关于此工具
 
Favicon 是浏览器标签、书签和手机主屏幕上的那个小图标——而现代网站需要它有多种尺寸和格式。这个生成器从单一来源构建整套：上传一个 logo，或输入一个字母或表情并选择背景，它就会渲染出 16、32、48、180、192 和 512 像素的清晰图标。
下载经典的多分辨率 favicon.ico，获取各个 PNG，并复制要粘贴到页面 head 中的精确 link 和 meta 标签。这一切都在你的浏览器中用 Canvas API 绘制——你的图片绝不上传。
  
常见问题
 
 
我上传的图片会被发送到服务器吗？
 
不会。每个尺寸都是在本地的 HTML canvas 上渲染的——你的图片永远不会离开浏览器。
 
 
我到底需要哪些尺寸？
 
16×16 和 32×32 用于经典浏览器标签页图标，180×180 用于 Apple touch icon（iOS 主屏幕），192×192/512×512 则用于 web app manifest，供 Android/PWA 安装使用。
 
 
我需要 .ico 文件吗，还是 PNG 就够了？
 
现代浏览器完全可以通过 `<link>` 标签使用 PNG 格式的 favicon，但为了兼容旧版浏览器、书签，以及只按固定文件名查找图标的工具，保留 favicon.ico 仍然值得。
 
 
为什么由图片生成的图标在小尺寸下看起来很模糊？
 
小尺寸图标能用的像素非常有限，细节自然会丢失。请从一张简洁、对比度高的正方形图片开始——线条细密或文字很多的 Logo，很难在缩到 16×16 后还保持清晰。
 
 
如何把生成的图标添加到我的网站？
 
下载这些文件（或 .ico），将它们放到你网站的根目录，然后把「复制 HTML」中的代码片段粘贴到页面的 head 中。