免费 · 无水印 · 52 种语言

适用于所有设备的 favicon 生成器

将任意图片转换为 favicon.ico、Apple touch 图标、Android 和 PWA 图标,以及可直接粘贴的 HTML 代码。也可以逐像素绘制你自己的图标。

您的 favicon 包已准备就绪

从 ZIP 压缩包中上传文件,并将此代码粘贴到 <head> 中

三步创建 favicon

从任意 logo 或图片到完整、符合标准的 favicon 套件,只需不到一分钟。

上传你的图片

将 PNG、JPG、WebP、AVIF、GIF、SVG 或 ICO 文件拖入生成器,或在像素编辑器中绘制图标。

调整裁剪和颜色

拖动并缩放图片,设置内边距、圆角、背景和主题颜色。

下载并安装

下载 ZIP,将文件上传到你的网站,并把 HTML 代码粘贴到 <head> 中。

网站图标所需的一切

一次上传,即可生成现代浏览器、手机、平板和操作系统所需的全部图标。

浏览器 favicon

多尺寸 favicon.ico,以及适用于 Chrome、Firefox、Safari 和 Edge 的 16、32 和 96 px PNG 图标。

Apple touch 图标

涵盖 iPhone 和 iPad 主屏幕从 57 到 180 px 的所有尺寸,带纯色背景。

Android 和 PWA

最大 512 px 的图标、可遮罩图标,以及适用于可安装网页应用的现成 manifest.json。

Windows 磁贴

磁贴图片和带有你的磁贴颜色的 browserconfig.xml。

像素编辑器

从零绘制清晰的 16×16 图标,或精细调整上传图片的每一个像素。

包含 HTML 代码

可在下载页面以及每个压缩包的 readme 中直接复制粘贴 <head> 代码。

REST API

通过个人 API 密钥和现成的代码示例,自动化生成 favicon。

私密且安全

无盗链,无公开图库。你的图标始终属于你——托管在你自己的服务器上。

包中的 favicon 尺寸

文件	尺寸	用途
`favicon.ico`	16, 32, 48	所有浏览器、Windows、爬虫
`favicon-16x16.png`, `favicon-32x32.png`	16, 32	浏览器标签页、书签
`favicon-96x96.png`	96	Google 搜索结果、桌面快捷方式
`apple-icon-*.png`, `apple-touch-icon.png`	57 – 180	iPhone、iPad 主屏幕
`android-icon-.png`, `web-app-manifest-.png`	36 – 512	Android 主屏幕、PWA
`maskable-icon-512x512.png`	512	Android 自适应图标
`ms-icon-*.png`	70 – 310	Windows 开始屏幕磁贴
`manifest.json`, `site.webmanifest`, `browserconfig.xml`	—	PWA 安装、Windows 配置

常见问题

什么是 favicon？

favicon 是显示在浏览器标签页、书签、历史记录和搜索结果中网站名称旁边的小图标。现代网站还需要更大尺寸的版本，用于 iPhone 和 Android 主屏幕、Windows 磁贴以及渐进式网页应用（PWA）。

可以上传哪些图片格式？

您可以上传 PNG、JPG、WebP、AVIF、GIF、BMP、SVG 或现有的 ICO 文件。为获得最清晰的效果，请使用至少 512 × 512 像素、背景透明的方形图片。

favicon 包中包含什么？

包含多尺寸 favicon.ico(16、32 和 48 px)、PNG favicon、全套 Apple touch 图标、Android 和 PWA 图标(含 maskable 图标)、Windows 磁贴图片、manifest.json、site.webmanifest、browserconfig.xml,以及一份附有安装步骤和可直接粘贴的 HTML 代码的 readme 文件。

MakeFav 是免费的吗？

是的。生成、编辑和下载 favicon 完全免费。您只需拥有一个已确认邮箱地址的免费账户；免费账户包含我们的新闻通讯，每周最多发送一次。

为什么下载需要账户？

账户可以防止服务被滥用和盗链，保存您的 favicon 包历史记录，并为您提供专属 API 密钥。生成的图标不会公开发布，也不会从我们的服务器盗链——由您自行托管。

如何在我的网站上安装 favicon？

解压压缩包,将所有文件上传到网站根目录,然后把 HTML 代码片段粘贴到每个页面的 <head> 部分。同样的代码也位于压缩包内 readme-makefav.txt 文件的末尾。

2026 年还需要 favicon.ico 吗？

需要。许多工具、爬虫和旧版浏览器仍会自动请求 /favicon.ico。将其与 PNG、SVG 图标和 Web manifest 搭配使用，可获得最佳兼容性。

可以自动生成 favicon 吗？

可以。使用 MakeFav REST API 和您的专属 API 密钥，即可在构建流程、CMS 或应用中生成完整的 favicon 包。代码示例请参阅 API 文档。

立即创建你的 favicon