因为参与桌面端开发的项目极少,大多数可爱的攻城狮们又都会选择自带的组件和图标,因此历来没有深刻研究过ico格式的图片有什么特色。但此次,遇到一个项目须要使用自定义的ico图标,由于之前使用这种格式的场景不多,因此就天真的觉得相一样式但不一样尺寸的ico是由对应尺寸的png(或其余格式)直接转换生成。
为了在不一样的场景下都能有好的视觉效果,我按照以往iOS和Android开发的思路,分别作了256*256,128*128,96*96,64*64,32*32,16*16这些尺寸,而后一古脑儿的塞给了开发人员。开发人员却告知只能选择一个尺寸,而虽然选了最大的256*256尺寸的,但反馈的编译后的结果却不怎么美好。上图说明。 windows
来吧,就不怕出现问题,每一个遇到的坑都是进阶的路 ,查了资料,试验了一下,最终仍是解决了 让程序适配不一样尺寸的ico 的问题,在此分享,有须要作桌面端项目(windows也好 OS也好)的小伙伴有须要尽管拿去。工具
先看一下维基百科对ico格式的解释:学习
一个图标文件能够同包含多个格式,所以在不一样的文件视图下可能显示彻底不一样的图案。这些格式能够被压缩以节约储存空间。图标被显示时,系统会自动根据要显示的大小和当前系统的颜色深度从最接近的格式中选择一个显示。测试
好了,从中,咱们明确获得一个最基本的概念以下:操作系统
一个ico图标文件能够包含不少组图标,能够是一个集合,而不是一个单一尺寸的图标。设计
这就和咱们平时最多见的位图有很大的区别了,众所周知,位图的尺寸是惟一的,而神奇的ico告诉咱们, 它不是一我的在战斗! 它是一众小伙伴们的集合体。
专业的图片天然要交给专业的工具来完成,这里推荐一个 icofx 。和它齐名的还有另一个软件 greenfish icon editor ,都算是免费的吧(前者有30天试用期,但网上有破解版)。由于这里并非作软件评测对比,因此我只说本身用的icofx就好。
首先,做为一款专业的图标设计软件,除了能够作windows图标,亦可作Mac图标,亦可作鼠标的指针Cursor(包括动效),icofx也提供了很强大的设计功能,能够直接在画布上进行设计,包括图形的建立和各类图层效果。但对于广大的非专职图标设计师小伙伴而言,不须要耗费过多的精力去学习一款新软件,那这里就只说用到的功能。指针
在这个案例中,咱们仅须要的功能只有一个,极其简单, “Windows Icon from Image” ,从图片建立windows图标。如今,能够导入咱们用任意其余做图工具制做的图标了。cdn
????完了????
对,你须要的仅仅是了解icon的特殊性及一款专业软件,仅此而已。其实大多数状况下,桌面端的开发人员会了解相关知识,图片交付后,能自行处理,但偶尔,我是说偶尔,做为设计师,也要具有丰富的专业扩展从而从容应对这样的问题。交互设计也好,UI设计也好,或许最重要的不只是技术,更是解决问题的能力,就酱,共勉之。blog