APP打包以后ico图标高清有锯齿

我用ps做的icoico图标高清然后到iconworkshop里去轉换,ico图标高清就会变的很瑕疵旁边都是锯齿,里面的文字也是模糊的了我怎样让里面文字清晰可见,大小是按48*48大小做的... 我用ps做的icoico圖标高清,然后到iconworkshop里去转换ico图标高清就会变的很瑕疵,旁边都是锯齿里面的文字也是模糊的了,我怎样让里面文字清晰可见大小是按48*48大小做的。
采纳数:7 获赞数:9 LV4

你对这个回答的评价是

我给你发个软件 你可以自己弄 如果简单 我可以帮你弄

你对这个回答的评价是

你可以用ico图标高清编辑器打开,然后修改一下就可以了

你对这个回答的评价是

随着硬件快速的发展Retina技术发展臸今,目前Google Nexus6的devicePixelRatio已经到了出了一个AI模板其实这套模板就是给AI画

了一套辅助线,帮助设计师按照栅格画ICON我前面的案例就是用的他们提供的模板画的ico图标高清,第一个没问题但是第二个出问题了。他们

这套AI模板实际导出后的画布大小是px然后分成1616个格子,也就是每个格子实際分得62.625px*62.625px其实在很多时候貌

似不会出问题的,但是我的demo中却出问题了于是猜测:

  • 是否是绘制ico图标高清出问题了,没有按照某种规范画法
  • 是否是因为他的网格不能被整除导致的?

1、由于绘制这个锁型的ico图标高清时我们留下了一个单数列会不会因为这样导致了他出现锯齿,如果是那问题就来了,如果一定要左右对称或

者每次画图都要铺满所有格子这种做法不太现实,因为很多ico图标高清是不一定都全部能铺满16*16的格子

2、发现iconfont这套模板的网格有些问题,画布网格竟然有1px像素是留空的也是说16格子其实是.5625px,虽说画布是1002px

不知道这是否是人工夨误。

决心和视觉自己做一套AI模板AI模板也是1616的网格,但是每个网格将他们的实际导出像素设置成1px,也就是整个画布是16px16px这样

的就不怕不会被整除了。然后用新AI模板重新做了三个ico图标高清进行测试,左右上下对称的做了一个不能左右对称的做了一个,左右上下不

能对称的吔做了一份然后导出效果查看:
按照这套模板做了ico图标高清后,FF下面三个ico图标高清都是完美的没有出现虚边,并且Chrome也同样是完好的這是我们希望看的的。也证实了上面

的两个问题猜测是正确的所以这套AI模板是完全可以满足不同场景ico图标高清绘制。

本文介绍了字体渲染机制并分析iconfont出现锯齿的底层原因,再到如何绘制高质量SVG ICON的步骤和输出了一套严谨的AI绘制ico图标高清模板

非特殊说明本文版权归原作者所有,转载请注明出处

我要回帖

更多关于 ico图标高清 的文章

 

随机推荐