无需登录 数据私有 本地保存

全尺寸Favicon生成 - 多平台图标包

11
0
0
0
拖拽图片到此处,或点击上传

支持 PNG / JPG / WebP / SVG / GIF / BMP · 建议 ≥ 512×512px

也可以 Ctrl+V 粘贴剪贴板中的图片

常见问题与知识点

Favicon(Favorite Icon)是网站在浏览器标签页、书签栏、历史记录中显示的小图标。不同平台和设备需要不同尺寸:浏览器标签页通常使用16×16或32×32,iOS主屏幕需要180×180,Android需要192×192和512×512,Windows磁贴需要150×150。提供完整的多尺寸图标包可以确保网站在所有平台上都有清晰的品牌展示。

favicon.ico 是 Windows 传统的图标格式,可以在单个文件中包含多个尺寸(如16×16、32×32、48×48),兼容性最好,尤其对老旧浏览器。PNG格式的favicon更现代,支持更好的压缩和透明度。现代浏览器两者都支持,但为了最大兼容性,建议同时提供favicon.ico和PNG图标。

Apple Touch Icon 是iOS设备(iPhone、iPad)将网页添加到主屏幕时显示的图标。Apple推荐使用180×180px的PNG图标(不要透明度,因为iOS会自动添加圆角和光泽效果)。需要准备多种尺寸以适配不同分辨率的设备:57×57(旧款)、60×60、72×72、76×76、114×114、120×120、144×144、152×152、180×180。

manifest.json 是PWA(渐进式Web应用)的配置文件,Chrome和Android使用它来定义应用名称、图标、主题色、启动方式等。它允许用户将网站"安装"到设备主屏幕,获得类似原生应用的体验。该文件需要放在网站根目录,并通过 <link rel="manifest" href="/manifest.json"> 引用。

本工具提供三种缩放模式:Cover(默认)—保持比例,居中裁剪为正方形,适合大多数Logo;Contain—保持比例,空白区域用背景色填充,适合不希望裁剪的场景;Stretch—直接拉伸填充,可能导致变形。建议使用Cover模式,并确保Logo主体在图片中央。

Google Play和PWA规范要求提供512×512px的高分辨率图标,用于应用安装界面、启动画面等场景。这个尺寸也被用于高DPI设备的图标显示。在上传图片时,建议使用至少512×512px的原始图片,以确保生成的大尺寸图标清晰不模糊。

browserconfig.xml 是微软为Windows 8/8.1/10的IE11和Edge浏览器设计的配置文件,用于定义网站磁贴(Live Tile)的图标和颜色。虽然Windows 11和Edge已转向Chromium内核,对老版本Windows用户仍有一定价值。如果你的网站流量主要来自移动端和现代浏览器,可以省略此文件。