UI界面设计图

JPG、PNG、SVG

2018-05-21  本文已影响0人  Janicerant

浅谈JPG、PNG、GIF三种图片格式的区别,以及在前端开发中遇到的小问题。

JPG

JPG的图片格式是有损的,优点是有更丰富的色彩,非常适合来存储照片,用来表达更生动的图像效果,比如颜色渐变。但是不适合用作企业logo、线框类的图,因为有损所图图片模糊,而且相对于GIF文件来说更大。

PNG

PNG格式的图片是无损的,而且PNG-8格式是GIF格式的非常好的替代者,在达到相同效果的情况下,PNG-8格式体积更小,而且支持透明度的调节。除非需要动画的支持,否则一般选择用PNG-8格式来代替,其实PNG-8格式本身也是支持动画的,只是浏览器支持得并不是那么好。

SVG

SVG格式的图片是无损的矢量图。在放大的同时不会失真,非常适合绘制企业logo,icon等。

上一篇 下一篇

猜你喜欢

热点阅读