Question

svg有什么好处,设计师为什么要将在Photoshop里做好的图片转换为svg,直接用png不好吗?

Answer 1

1. 　　SVG是矢量图形文件，可以随意改变大小，而不影响图标质量。

2. 　　可以用CSS样式来自由定义图标颜色，比如颜色/尺寸等效果。

3. 　　所有的SVG可以全部在一个文件中，节省HTTP请求 。

4. 　　使用SMIL、CSS或者是javascript可以制作充满灵性的交互动画效果。

5. 　　由于SVG也是一种XML节点的文件，所以可以使用gzip的方式把文件压缩到很小。

追问

非常感谢！

另外想请教一下，在iOS里，APP的icon，如下图中桌面上所有的APP icon，用的是png吗？

再比如app里面的button icon,如下图中“扫一扫”、“摇一摇”的图标，以及底部Tab Bar的图标，用的是png，还是iOS里也有某种技术（类似SVG）可以渲染出来？

Android也和iOS一样吗？

追答

这个不是很清楚,IOS的图标貌似是PNG格式的,因为屏幕大小很固定,图标的大小只需提供固定的几套就行了
安卓么,一般也是用png,但是个人觉得svg更强大,使用svg做图标是趋势

Answer 2

svg 放大不失真。