Favicon 生成器

上传图片或输入文字 / Emoji,实时生成 16×16 至 512×512 共 9 种尺寸的网站图标(favicon),支持圆角与圆形裁剪、透明背景、内边距调节,一键导出 favicon.ico、PNG 单图、ZIP 全尺寸包与 HTML 引入代码。全部在浏览器本地完成,图片不上传服务器。

免费使用打开即用实用工具

图标来源

建议 1-2 个字符,字号自动适配画布

选项
外形
圆角半径22%
内边距10%
背景色
文字颜色

输出尺寸

点击切换选中;16/32/48 写入 ICO,180 为 iOS,192/512 用于 PWA

实时预览

—
16×16
—
32×32
—
48×48
—
64×64
—
96×96
—
128×128
—
180×180
—
192×192
—
512×512
来源1 字符
选中尺寸6/9
ICO 内图5 张
总体积0.0 KB
耗时0 ms

HTML 引入代码

<!-- 将文件放到站点根目录,把以下代码加入 <head> -->
<link rel="icon" href="/favicon.ico" sizes="any" />
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="48x48" href="/favicon-48x48.png" />
<link rel="icon" type="image/png" sizes="192x192" href="/favicon-192x192.png" />
<link rel="icon" type="image/png" sizes="512x512" href="/favicon-512x512.png" />
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />

把生成的图标文件上传到网站根目录,再把这段代码放进每个页面的 <head> 中即可生效。

使用说明

  • 全部处理在浏览器本地完成,图片不会上传到任何服务器。
  • ICO 容器单张最大 256×256,更大的尺寸会自动排除。
  • 建议同时提供 favicon.ico(兼容旧浏览器)与 PNG 尺寸(高清屏、iOS 与 PWA 使用)。

工具介绍

Favicon生成器是一款免费在线的网站图标制作工具,上传一张图片即可生成从 16×16 到 512×512 的整套网站图标。可下载 ICO、PNG 文件和引用它们的 HTML 代码,浏览器标签、收藏夹和触屏图标一次备齐。无需注册。

常见问题

会生成哪些尺寸的图标?

生成从 16×16 到 512×512 的完整一套,覆盖浏览器标签、收藏夹与触屏图标。

下载内容包括什么?

包括 ICO 与 PNG 文件,以及把图标加进网站的 HTML 引用代码。

这个生成器免费吗?

完全免费,无需注册。

相关工具