拖入图片以生成 Favicon
拖放、粘贴或选择文件
PNG · JPG · WebP · SVG — 图标在您的设备上生成
Favicon 生成器
将一张图片转换为完整的 Favicon 套件——favicon.ico、所有 PNG 尺寸、apple-touch-icon、Android 图标、Web Manifest 和 HTML 代码片段——打包为一个 ZIP,直接在浏览器中完成。
常见问题
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 与图标工具
直接跳转至您所需的精确图标任务。
更多图片工具
Convert image format
PNG, JPG and WebP — convert any to any.
Image toolResize an image
Change dimensions to exact pixels or presets.
Image toolCrop an image
Crop to any ratio or an exact pixel size.
Image toolCompress an image
Shrink file size without visible quality loss.
Image toolConvert HEIC to JPG
Turn iPhone HEIC photos into universal JPG.