谈谈对SVG图的深入剖析
以下内容转自原DOSPY论坛toma4025 的帖子--------------------------------------------------------------------------------------------
大家都知道,UI制作主题可以支持SVG与BMP格式的图片(PNG导进去自然成了BMP的)。
两者区别就是一种是矢量图一种是位图,(至于详细区别与优缺点就不说了,可以查大百科)
下面只详细说说SVG,如何才能做好的图在手机上更好的效果?
相信大家都用AI(Adobe Illustrator)处理SVG图,有人认为,将PNG图片在AI中打开,直接保存为SVG图就可以转换,这种方法质量很差,可以看看下图对比。
很明显SVG优点,在于纯矢量,导进UI中的SVG如何看纯正的矢量?看看图。
图中示:SVG图片中如果有位图出现,就会有一个“image"的量,这个是固定的,不可变的,而可变的只
有下面的颜色,这就是纯矢量,也是UI可支持的。这颜色可以在UI中随意改动,对批量图有很好的用处,
然而image量的图却因保正SVG的储存方式,从而压缩质量,如果放大的话质量很差,但有一定情度的扩锯齿。
——————————————————————————
如何做到纯矢量,由于SVG是开源的,所以在处理过程中一定要舍去一些东西,如AI做的SVG,AI固然有
很多效果之类,但很多都是局限于其软件,做出来的SVG在别的软件打开就不一定支持AI效果:
以上选项的SVG图,就是开源的SVG,可以用通用的矢量软件打开和修改。(如:可以用CorelDRAW,flash等)
注:文字工具必需转换轮廓才算是可用的,单文字在UI中只会当成BMP图。
————————————————
例子:
谢谢分享!我就是来看看!顺便支持楼主发帖!楼主您发帖辛苦了!
页:
[1]