ICO 图标尺寸规格:16/32/48 与 favicon 用法

ICO是Windows图标格式,一个文件可打包16/32/48/256多尺寸。favicon用16×16或32×32,生成方法与PNG改后缀的坑都在本文。

ICO是Windows的图标格式,特点是一个文件装多套尺寸:同一个.ico里可以同时打包16×16、32×32、48×48甚至256×256,系统按显示场景自动取用。favicon.ico就是浏览器标签页上的小图标。

favicon的标准做法:准备一张正方形原图(建议512×512),生成包含16、32、48三个尺寸的favicon.ico,放到网站根目录。浏览器会自动请求/favicon.ico,不加声明也能生效。

常见坑:把PNG直接改后缀成ico,Firefox认,但Safari和IE内核会挂;更常见的是只打包一个尺寸,高分屏标签页上发虚。别走捷径,用工具老老实实多尺寸打包最稳,一步到位。

应用图标方面,Windows桌面程序用48到256的多尺寸打包,任务栏取32、桌面取48。ICO本质是个容器,从高清PNG缩放生成,比直接画一张小图清晰得多,边缘也更锐利。

网站上线前自查两件事:浏览器开无痕窗口访问自己的站,看标签页图标是否清晰;再打开F12看/favicon.ico的请求是不是200。两个都过,图标这块就没问题了。

相关工具

常见问题

favicon.ico必须叫这个名字吗?

放网站根目录且命名为favicon.ico时浏览器自动请求,最省事。改名也行,但要在页面head里加link声明指向它。

PNG直接改后缀成ico行吗?

部分浏览器认,但Safari和IE内核会失效,且单尺寸图标在高分屏发虚。正确做法是用工具打包多尺寸的标准ICO。

ICO最大支持多大尺寸?

Vista之后支持到256×256。桌面和资源管理器按需取用,打包16/32/48/256四档即可覆盖绝大多数场景。

其他实用知识