文件在此设备的浏览器内处理查看支持格式
几秒制作网站视觉标识

Favicon 与图标生成器

使用图片、Emoji 或几个字母生成网站 favicon 和应用图标套装,所有处理都在浏览器本地完成。

文件只保留在当前设备无需上传到服务器

图标来源

建议使用 1~2 个字符,缩小后也能保持清晰。

自定义样式

为不同平台优化图标的视觉重量。

形状

PNG · ICO · Manifest

支持格式与导出尺寸

可使用 PNG、JPG、WebP、GIF、SVG、AVIF 或 BMP。图标套装会导出兼容旧浏览器的 favicon.ico,以及浏览器、Apple 和 Android 所需的 PNG 尺寸。

PNGJPGWebPGIFSVGAVIFBMPICO

16 px first

小尺寸图标设计建议

  • 图形尽量简单:细节在 16×16 像素下会消失。
  • 保留适当边距,避免标识紧贴浏览器标签边缘。
  • 让背景与文字或 Logo 保持明显对比。

使用场景

一套图标,覆盖常见入口

01

浏览器标签页

提供 16×16 和 32×32 favicon,用于标签页和书签。

02

Apple 设备

提供 180×180 touch icon,适合 Safari 添加到主屏幕。

03

Android 与 PWA

提供 192×192、512×512 图标和可直接使用的 web manifest。

隐私优先,完全本地处理

图片读取、图标绘制、PNG 导出和 ZIP 打包全部在当前浏览器完成。原始素材不会离开你的设备。

使用方法

制作图标套装的步骤

先选择一个简洁标识,再调整对比度、形状和留白,最后导出浏览器书签、网站和手机主屏幕常用的尺寸。

  1. 01

    选择来源

    输入字母或 Emoji,也可以上传已有 Logo。

  2. 02

    调整可读性

    使用粗体标识、足够留白和明显的颜色对比。

  3. 03

    导出全部尺寸

    可以单独下载 PNG,也可以将完整图标套装打包为 ZIP。

FAQ

Favicon 生成器常见问题

ZIP 包含哪些文件?

套装包含 favicon.ico、常见 favicon PNG 尺寸、Apple touch icon、Android Chrome 图标、网站 manifest 和 HTML 代码片段。

图片会上传吗?

不会。图片读取和图标生成都在当前浏览器完成,不会发送到服务器。

什么样的素材最适合做 favicon?

简洁、高对比度的 Logo 或一个粗体字母通常在 16×16 像素下最清晰。

可以使用 Emoji 吗?

可以。Emoji 和短文字会使用设备上的可用字体渲染,并导出为 PNG 图标。

为什么同时提供 favicon.ico 和 PNG?

ICO 兼容旧版浏览器和部分建站工具;PNG 则可为现代浏览器、Apple 设备和 Android PWA 提供清晰图标。

相关工具

你可能还需要

相关教程

继续完善网站与品牌素材