拖入图片以生成 Favicon

拖放、粘贴或选择文件

PNG · JPG · WebP · SVG — 图标在您的设备上生成

Favicon 生成器

将一张图片转换为完整的 Favicon 套件——favicon.ico、所有 PNG 尺寸、apple-touch-icon、Android 图标、Web Manifest 和 HTML 代码片段——打包为一个 ZIP,直接在浏览器中完成。

100% 免费无水印无需注册 PNG · JPG · WebP · SVG

常见问题

Favicon 是什么?应该是什么尺寸?

Favicon 是浏览器在标签页、书签和历史记录中显示的小图标。没有单一的尺寸——现代网站会提供多种:包含 16、32 和 48 px 的 favicon.ico、最大 512 px 的 PNG 图标、iOS 专用的 180 px apple-touch-icon,以及适用于 Android 和 PWA 的 192/512 px 图标。本生成器一次性创建全部。

如何将 PNG 转换为 favicon.ico?

将 PNG(或 JPG、WebP、SVG)拖放到工具上。它会将图片缩小至 16、32 和 48 px 并打包进单个 favicon.ico,同时附带独立的 PNG 图标。下载 ZIP 后将 favicon.ico 复制到网站根目录。

图片在哪里处理?

一切都在您的浏览器中完成,因此图标在您自己的设备上生成。有关该工具相关数据的处理方式,请参阅我们的隐私政策。

我会得到哪些文件?放在哪里?

ZIP 包含 favicon.ico、PNG Favicon(16–512 px)、apple-touch-icon.png、android-chrome-192/512 PNG、site.webmanifest 以及可直接粘贴的 HTML 代码片段。将文件复制到网站根目录,并将代码片段粘贴到页面的 <head> 中。

源图片必须是正方形吗?

正方形效果最佳,因为图标是正方形的。如果图片不是正方形,它会被居中并加黑边适配至正方形框架;您也可以添加背景色和内边距,使非正方形图案整洁地置于图标内。

Favicon 应使用透明还是纯色背景?

透明(PNG)在大多数浏览器中效果最好,可自动适应浅色和深色标签页。如果您的 Logo 有细线条在特定主题下会消失,或者希望图标呈现统一的圆角方形外观,则使用纯色背景。

我也可以生成 iOS 和 Android 应用图标吗?

可以。切换至「应用图标」模式,即可导出完整的 iOS 套件(Xcode 和 App Store 所需的 40–1024 px)以及 Android mipmap 各密度图标加上 512 px Play Store 图标,在 ZIP 中按文件夹整理归档。

如何将 Favicon 添加到我的网站?

将文件上传至网站根目录,然后将提供的 <link> 标签粘贴到每个页面的 <head>(或共享布局)中。favicon.ico 那行覆盖旧版浏览器;PNG 和 apple-touch-icon 那行覆盖现代浏览器和 iOS;manifest 那行覆盖 Android 和可安装 PWA。

为什么新的 Favicon 没有显示出来?

浏览器会积极缓存 Favicon。请强制刷新页面,直接打开文件(yoursite.com/favicon.ico)确认,或尝试使用隐私窗口。即使文件已上线,标签页和书签也可能需要一段时间才能更新。

Favicon 生成器真的免费吗?

是的——完全免费,无水印,无需注册。可以随意生成任意数量的 Favicon 和应用图标套件。

所有 Favicon 与图标工具

直接跳转至您所需的精确图标任务。

更多图片工具