BeYourTools
BeYourTools/Design Tools/Favicon Generator

Design Tools

网站图标生成器

一个 Logo,搞定所有图标尺寸。上传图片,几秒钟得到浏览器可用的 ICO 与 PNG 网站图标——无需设计软件。

如何生成网站图标

  1. 1.上传图片: 正方形 Logo 或图标效果最好——会自动缩放到每种尺寸。
  2. 2.预览尺寸: 查看图标在 16、32、48、180、192、512 px 下的渲染效果,包括浏览器标签页中的极小显示。
  3. 3.单独下载: 下载任意单个 PNG 尺寸,或多尺寸 favicon.ico 文件。
  4. 4.或下载 ZIP: 一次拿到所有 PNG 加 ICO,打包部署更方便。
  5. 5.添加到网站: 把 favicon.ico 放到网站根目录,在 HTML head 中链接 PNG。

网站图标生成器 功能

6 种 PNG 尺寸

16、32、48、180、192、512 px——覆盖标签页、快捷方式与手机图标。

真正的多尺寸 ICO

标准的 favicon.ico,含 16、32、48 px 图层,在您的浏览器中构建。

实时尺寸预览

下载前精确看到图标在浏览器标签页尺寸下的样子。

ZIP 下载

所有 PNG 加 ICO 打包在一个压缩包中。

正方形友好缩放

非正方形图片会居中缩放——上传正方形 Logo 效果最好。

100% 私密

一切在您浏览器的 Canvas 上渲染,不上传。

网站图标生成器 常见问题

什么是 favicon.ico 文件?

它是经典的浏览器标签页图标格式。单个 favicon.ico 可包含多种尺寸(16、32、48 px),浏览器会自动选用合适的。它仍是兼容性最广的网站图标格式。

该上传什么样的图片?

正方形图片(如 512 x 512)、简洁醒目的设计效果最好。16 px 下微小细节会消失,粗线条高对比最吃香。

需要所有这些尺寸吗?

不全需要,但它们覆盖常见场景:16/32 用于浏览器标签页,180 用于苹果触摸图标,192/512 用于安卓与 PWA 清单,ICO 覆盖老浏览器。

如何把网站图标加到网站?

把 favicon.ico 放到网站根目录,然后在页面 <head> 中添加 <link rel="icon" href="/favicon.ico"> 与 <link rel="apple-touch-icon" href="/icon-180.png">。

网站图标生成器免费吗?

免费——无限次生成,无需注册,无水印。一切渲染都在您的浏览器中完成。

相关工具

Privacy: All processing happens locally in your browser. Your images are never uploaded to any server and never leave your device.