图片分为矢量图与位图
矢量图是放大缩小不会失真的图形，如svg画出的图
位图又叫像素图，好比一幅大的拼图，每一块就是一个像素点，我们在web也Ian中所使用的JPG，PNG，GIF格式的图像都是位图
png最常见的一种格式，目的是替代GIF和TIFF文件格式。
特性：体积小，网络通讯中受带宽限制，在保证图片质量好的前提下，png是最佳选择。支持透明效果，png图像的边缘能与任何背景平滑地融合，彻底清除锯齿。
JPG 更适合用来存储摄影或写实图像。JPG的压缩算法跟李玉真实世界中复杂色彩变化的情况，从而可以比较好的还原图像的视觉效果。（同样的两幅图，JPG的大小大于PNG）
GIF 能有效的节省图片尺寸，包却限制了色彩的表现能力，几乎100%的浏览器都支持GIF格式。GIF格式支持动画、
PSD是Photoshop的专用格式，此格式的图里面分多层，主要用于位图处理。（美工给你图片做网页一般就是这种。自己切分，切出自己需要的部分）
总结
由于图片的压缩形式不同，不同格式的图片的大小也不同，JPG、BMP格式的图片要比png格式的体积大
1.web优先使用png
2.照片、色彩要求高的图片jpg
3web中的小动画 gif
4.UI设计一般是PSD
（网页中药大范围的使用文件较大的BMP、JPG格式文件）