工作原理
Favicon 生成器利用浏览器的 Canvas API,在您的设备本地处理图片。当你上传图片时,程序会将其绘制到画布上,并使用高质量的缩放算法将其调整为多种标准尺寸(如 16x16, 32x32 等),最后转换为 ICO 或 PNG 格式供您下载。
使用场景
-
网站开发: 制作显示在浏览器标签页、地址栏和书签栏的网站图标(favicon.ico / favicon.png)。
-
移动 App: 生成 iOS 主屏幕图标(Apple Touch Icon)和 Android 桌面快捷方式图标。
-
PWA 应用: 为渐进式 Web 应用(PWA)准备 192x192 和 512x512 的高清图标。
常见问题
Favicon 是什么?
Favicon 是 "Favorites Icon"
的缩写,是与网站关联的小图标,通常显示在浏览器的标签页、地址栏、历史记录和书签中。
应该使用什么尺寸?
最基础的是 16x16 (浏览器标签) 和 32x32
(桌面快捷方式)。建议同时准备 180x180 (iPhone 主屏幕) 和 512x512 (PWA/Android)。
必须是 .ico 格式吗?
对于现代浏览器,PNG 格式已经足够通用(如
)。但为了兼容极老的 IE 浏览器,根目录保留一个
favicon.ico
仍是最佳实践。
我的图片会上传到服务器吗?
不会。此工具完全在您的浏览器端(客户端)运行,您的图片数据绝不会离开您的设备。
什么是 Apple Touch Icon?
当用户将您的网站“添加到主屏幕”时,iOS 设备会使用此图标。标准尺寸通常为
180x180 像素,且不需要添加圆角(iOS 会自动处理)。
支持什么图片格式?
我们支持 JPG, PNG, GIF (静态), 和 SVG。建议上传正方形的
PNG 图片以获得最佳透明度效果。
图标模糊怎么办?
请确保您上传的源图片足够清晰(建议 512x512 像素以上)。此外,16x16
这样的极小尺寸在高清屏上看起来模糊是正常的像素化现象。
圆形裁剪是必须的吗?
不是。如果您的 LOGO
本身就是方形满铺的设计,不需要圆形裁剪。圆形裁剪适合希望在圆形容器中展示 LOGO 的场景。