页面中常见的图像格式

1.图片分为矢量图与位图

  矢量图是放大缩小不会失真的图形，如 svg 画出的图。（一般用html打开）

  位图，又叫像素图，位图好比是一幅大的拼图，每一块就是一个像素点。我们在 web页面中所使用的 JPG、PNG、GIF格式的图像都是位图。

PNG	常见格式，目的是代替GIT和TIFF文件格式。 特性：体积小，支持透明效果，PNG图像的边缘能与任何背景平滑地融合，彻底消除锯齿。
JPG	适合存储摄影或写实图像，JPG的压缩算法更利于真实世界中复杂色彩变化的情况，从而可以较好的还原图像的视觉效果。 特性：体积较大，JPG>PNG
GIF	特性：有效节省图片尺寸，但是却限制了色彩的表现能力，几乎100%的浏览器都支持GIF格式，且GIF格式支持动画。
PSD	特性：photosho的专用格式，PSD格式的图里面分多层，主要用于位图处理。

 

 

 

 

 

 

2.由于图片的压缩形式不同，不同格式的图片的大小也不同，jpg、bmp 格式的图片要比 png 格式的体积大。

  a.web 优先使用 png

  b.照片、色彩要求高的图片 jpg

  c.web 中的小动画 gif

  d.UI 设计图一般是 PSD

   *网页中不要大范围的使用文件较大的 bmp、jpg 格式文件