1、图片分类
大的方向我们可以将图片分成两类，一类是矢量图，一类是非矢量图
矢量图是由点线构成的凸显，优点是可以随意放大缩小，不会失真，但缺点就是无法表现色彩层叠表现丰富的现实图片。所以对于一般用户来说，几乎很少能接触到矢量图。
非矢量图是大家日常接触到的，比如你用手机、相机拍摄的图片都是非矢量图。通过每个像素的颜色、深度等显示图像；优点是利于显示色彩层叠丰富的写实图像；缺点是文件较大，放大缩小会失真。
基本上我们网站上90%以上全是非矢量图，所以我们对非矢量图进行重点解释
2、非矢量图选择那种格式
非矢量图常见的包括jpeg,png,gif三种图片格式，太过于专业的内容不做具体讲解，大家只要记住
jpeg对图片压缩最大，图片也就越小，质量也最差，但是在网站中加载会最快，适合用来存储摄影或写实图像或是颜色层次非常丰富的图像
gif损压缩图像格式（无失真），8位图片格式，最多支持256种颜色（若多于256种颜色的图片用gif保存会失真）；支持基本的透明特性，隔行扫描可以更快的加载和显示图片场。不适合色彩过于丰富的图片，但非常适合色彩较少的logo、小图标。
png分为png8和png24，png8除了压缩算法和gif不同外，其他几乎一样，png24是无损压缩图像格式，24位图片格式（最多支持1600多万种颜色），支持alpha通道透明。它的质量会比较高，所以同样图片他的大小也最大。
在网站使用中，大家可以根据他们特点进行选择，一般图片建议jpeg，单色或者背景透明建议png24
3、图片大小在网页中的问题
整个问题在用户使用过程中经常遇到。比如网页设计时规定了新闻图片为500px*300px，那么如果前端固定好了大小，用户的图片以下二种情况会导致图片变形
第一、图片小于500px*300px，那相当于要拉伸整个图片，势必变形
第二、图片比例不是5:3,那么也势必导致变形