上传任意图片,生成网站所需的所有尺寸的 favicon。获取浏览器标签、Apple Touch 图标、Android Chrome 和 PWA 图标,并提供可直接使用的 HTML 代码。
A favicon(全称为“收藏图标”)是当用户访问您网站时显示在浏览器标签页、书签、历史记录和地址栏中的小图标。最初于 1999 年随 Internet Explorer 5 引入,作为 16x16 像素的 ICO 文件,favicon 已显著演变。现代网站需要提供多种 favicon 尺寸以支持不同平台和设备:用于浏览器标签页的微型图标、用于桌面快捷方式和任务栏的中等图标,以及用于移动主屏幕和 Progressive Web App 启动画面的大型图标。精心设计的 favicon 能在用户与站点的每个接触点强化品牌识别。
Favicon 的尺寸需求可能令人困惑,因为不同浏览器、操作系统和设备需要不同的尺寸。以下是最重要的尺寸划分:16x16 是所有桌面浏览器使用的经典标签页图标。32x32 用于视网膜显示的标签页以及 Windows 的任务栏快捷方式。48x48 和 64x64 用于 Windows 的桌面快捷方式和固定磁贴。128x128 是 Chrome Web Store 列表所需的尺寸。180x180 是 iOS 用户将站点保存到主屏幕时使用的 Apple Touch 图标。192x192 用于 Android Chrome 的主屏幕图标。512x512 用于 PWA 的启动画面和更大图标场景。最低要求是每个网站应拥有 32x32 PNG favicon 和 180x180 Apple Touch 图标。
为获得最大兼容性,请为所有 favicon 尺寸使用 PNG 格式。PNG 支持透明度,并被所有现代浏览器普遍支持。传统的 ICO 格式将多种尺寸打包在一个文件中,仅在需要兼容旧版 Internet Explorer 时才必需。SVG favicon 正在逐渐流行并提供分辨率无关性,但浏览器支持尚未完整。创建源图片时,请使用至少 512x512 像素的正方形图像,以获得所有尺寸的最佳清晰度。简洁、粗体且细节有限的设计在小尺寸下表现最佳——细小文字和复杂图案在 16x16 像素时会变得难以辨认。使用坚实、易识别的形状和对比色。最后,务必在多个浏览器和设备上测试您的 favicon,确保在任何环境下都显示良好。