保持设计简洁
Favicon 常见尺寸为 16×16 至 32×32 像素,细节过多会导致模糊不清。应聚焦核心图形或品牌标识,避免复杂元素 。
使用高对比度色彩
确保图标在深色/浅色背景、不同设备屏幕上均清晰可见,尤其在浏览器标签页中易于辨识 。
多尺寸适配,优先使用 ICO 容器格式
推荐生成包含 16×16、32×32、48×48 等尺寸的 favicon.ico 文件,放置于网站根目录,以兼容所有桌面浏览器(包括 IE)。
ICO 格式可容纳多尺寸图像,浏览器自动选择最优版本,避免 PNG 单一尺寸被强制缩放导致失真 。
为移动设备提供专用 PNG 图标
iOS:apple-touch-icon-precomposed.png(建议 180×180 像素,避免系统自动添加圆角/阴影)。
Android Chrome:favicon-196.png(196×196 像素)。
Windows 磁贴:使用 144×144 像素图标配合 msapplication-TileImage 元标签 。
图片技术