ICO 是个「套娃」格式
普通图片格式一个文件一幅图;ICO 一个文件里打包着同一图标的好几个尺寸:16×16(浏览器标签)、32×32(桌面小图标)、48×48、256×256(大图标)。系统和浏览器按场景自动选合适的尺寸显示。
所以「改后缀」注定失败:PNG 的单帧数据套上 .ico 名字,但没有 ICO 的容器结构和多尺寸内容,严格的程序读不出来。
正确的转换姿势
先备一张高清源图:正方形 PNG、256×256 或更大、透明底(图标几乎都要透明)。源图不够方先裁方,糊的源图转出糊的 ICO,垃圾进垃圾出。
用「转 ICO」功能或在线转换工具生成:勾选打包 16/32/48/256 几个尺寸,一次成型。2345看图王格式转换里若列有 ICO 目标格式,直接转;没有就用专门的 ICO 工具,几秒钟的事。
favicon 和程序图标的验收
网站 favicon:把 favicon.ico 放到站点根目录,浏览器标签页、收藏夹就会显示。验收时强制刷新(Ctrl+F5)——浏览器对 favicon 缓存特别顽固。
程序图标:替换进开发工具(Visual Studio 之类)的图标资源,编译后看任务栏、桌面快捷方式的显示效果。256 尺寸没打进去的 ICO,大图标模式下会糊。
图标设计的避坑
透明底是标配:白底图标在深色任务栏上像块补丁。主体居中并留 10% 内边距:贴边的图标在圆角裁剪里会被切。颜色对比要强:任务栏深浅主题都可能出现,纯浅色或纯深色图标总有一种主题下隐身。
做完在三种背景(白、灰、黑)上预览一遍,都清晰才算合格。这个三秒检查,能避免上线后「图标怎么看不见」的尴尬。
手头没有专用工具怎么办
应急路线一:用看图软件把 PNG 导出成 BMP,再借助系统画图板另存时改后缀,这条野路子只产出单尺寸图标,清晰度一般,临时交差可以,正式项目别用——套娃结构缺失,放到高分屏的任务栏和桌面上立刻露馅。临时方案要有临时的自觉,别让它混进正式交付物。临时交差和正式交付是两回事,差距就藏在多尺寸结构里。
应急路线二:找开源的图像工具或者格式转换网站,把 PNG 一次性打包生成内含多个尺寸的 ICO。用在线站注意别传涉密图标,公司项目的 LOGO 原图有外流风险,这个代价要掂量清楚,内部素材宁可多装一个本地软件。图标虽小,泄密责任的窟窿可一点都不小。本地工具一次装好配置好,往后多年的图标需求就都稳了。
无论走哪条路线,源图必须是正方形:256×256 或更大的 PNG,透明底。拿长方形图硬转 ICO,出来的图标会被强行压扁变形,挂在任务栏里一眼就露怯,所以先裁剪或补白把画布做成正方形再进转换流程。画布方正了,后面的每一步才不会跟着变形。补白记得用透明而不是白色,否则图标会永远带着一块擦不掉的底色。
转完验证别只看桌面一角:把 ICO 分别放到文件夹图标、浏览器标签页、任务栏三处实地检查,16 像素下还能认出轮廓才算过关。不行就回炉专为小尺寸重绘一版,手动删掉细节加粗线条。小尺寸是图标设计的试金石,过了它才算真合格。复杂图形缩小后全糊成噪点,简单轮廓缩到多小都精神,这是图标设计的铁律,记住它。
‹ 返回常见问题