Favicon 生成器
上传 PNG 图片,一键生成所有尺寸的 Favicon
上传图片开始生成 Favicon
功能特点
专业的 Favicon 生成工具
多尺寸输出
一次生成 16x16 到 512x512 所有常用尺寸,满足各种场景需求
打包下载
一键打包下载所有格式,包含 ICO、PNG 和 HTML 引用代码
即时生成
浏览器端实时处理,无需等待服务器响应,快速高效
ICO 格式
自动生成包含多尺寸的 ICO 文件,兼容老版本浏览器
本地处理
所有处理在浏览器中完成,图片不会上传到服务器,保护隐私
自由选择
可自由选择需要生成的尺寸,按需下载所需文件
常见问题
关于 Favicon 的常见疑问
什么是 Favicon?
Favicon(收藏夹图标)是显示在浏览器标签页、书签栏和移动设备主屏幕上的小图标。它帮助用户快速识别和区分不同的网站,是网站品牌形象的重要组成部分。
源图片应该使用什么尺寸?
建议使用 512x512 像素或更大的正方形 PNG 图片。这样可以确保生成的所有尺寸都有足够的清晰度。如果源图片太小,放大到大尺寸时可能会模糊。
为什么需要这么多不同尺寸?
不同的设备和场景需要不同尺寸的图标:
• 16x16, 32x32:浏览器标签页
• 180x180:iOS Safari 添加到主屏幕
• 192x192, 512x512:Android Chrome 和 PWA 应用
提供多种尺寸可以确保在所有设备上都显示清晰。
• 16x16, 32x32:浏览器标签页
• 180x180:iOS Safari 添加到主屏幕
• 192x192, 512x512:Android Chrome 和 PWA 应用
提供多种尺寸可以确保在所有设备上都显示清晰。
ICO 格式和 PNG 格式有什么区别?
ICO 是 Windows 专用的图标格式,可以在一个文件中包含多种尺寸。它兼容老版本浏览器(如 IE)。PNG 是更现代的格式,文件更小,质量更好,但每个尺寸需要单独的文件。建议同时提供两种格式以确保最大兼容性。
如何在网站中使用生成的 Favicon?
1. 将所有生成的文件放到网站根目录
2. 将提供的 HTML 代码添加到网页的 <head> 标签内
3. 如果需要 PWA 支持,还需要配置 site.webmanifest 文件
打包下载的 ZIP 文件中已包含所需的代码示例。
2. 将提供的 HTML 代码添加到网页的 <head> 标签内
3. 如果需要 PWA 支持,还需要配置 site.webmanifest 文件
打包下载的 ZIP 文件中已包含所需的代码示例。