jpg

  1. 采用有损压缩算法
  2. 体积较小
  3. 不支持透明
  4. 不支持动画

总结:任何设备都支持jpg格式,互联网上传输广泛使用。

png

  1. 采用无损压缩算法
  2. 体积相对较小
  3. 支持背景透明
  4. 不支持动画

总结:主要用于web传输,支持透明特性可生成雪碧图减少请求。

gif

  1. 支持动画
  2. 只有全透明和不透明两种模式
  3. 只有256种颜色

总结:建议图标、图表等图像使用,不建议保存色彩丰富的图片。

svg

SVG是用于描述XML中的二维图形的语言[ XML10,XML11 ]。

SVG允许三种类型的图形对象:矢量图形(例如,由直线和曲线组成的路径),多媒体(如光栅图像,视频和音频)以及文本。可以对图形对象进行分组,样式化,转换和合成为先前渲染的对象。

相对GIF与JPEG光栅文件格式来看,SVG图形可以扩展到不同的显示分辨率,例如打印输出使用打印机的全分辨率,并且可以在不同分辨率的屏幕上以相同尺寸显示。相同的SVG图形可以在同一个网页上以不同的大小放置,并且可以在不同的页面上以不同的大小重新使用。>可以放大SVG图形以查看细节,或者帮助视力低下的人。由于所有现代显示都是面向栅格的,所以仅栅格图形和矢量图形之间的区别归结为它们被栅格化的地方; 客户端在矢量图形的情况下,而不是已经在服务器上被光栅化。

SVG控制光栅化过程,例如允许消除锯齿艺术品,而不会出现低质量矢量实现混叠。SVG还提供了客户端栅格滤镜效果,因此移动到矢量格式并不会丢失诸如柔和阴影之类的流行效果。由此看出SVG矢量图形格式相对于GIF,JPEG光栅文件格式的优势明显。

总结:最大的优点就是放大不失真,适合logo、图形、图标等。