网站的优化不是说就是更新文章，加点外链啥的，其实还包括图片优化，为什么图片要进行优化呢？这要是图片太大会影响到网站的打开速度，换言之，图片的大小在一定程度上决定了网站速度，如果图片优化的好就可以提升页面加载的速度，提高用户体验度，下面小编就给大家讲讲。

   1、矢量图和位图的对比

   （1）矢量图

   矢量图：缩放、旋转不失真的图像格式，不管你离多近去看都看不到图形的最小单位。存储的文件较小，但是很难表现色彩层次丰富的逼真图像效果。你可以理解成完美的圆型、抛物线等形状。

   （2）位图

   位图：又叫栅格图、像素图，最小单位由像素构成，缩放、旋转会失真。在图像工具将位图放到最大时能看到每一针的色彩过渡，大多都是在用JPG、GIF、BMP、PNG几种格式。举个例子来说，位图就好比十字绣，远看时画面细腻多彩，近看时能看到每一针的色彩过渡。

   2、有损压缩和无损压缩

   （1）有损压缩

   有损压缩的特点是保持颜色的逐渐变化，根据人眼观察现实世界的突然变化，然后使用附近的颜色通过渐变或其他形式进行填充。因为素点的数据信息，所以存储量会降低，还不会影响图像的还原度质会有所下降。JPG是有损压缩格式，在存储图像时会把图像分解成8*8像素的网格单单独优化。举个例子：白色小块为8*8px，黑色底色块为32*32px，当小白块已经不是纯白色了，它周围的小白块却很尖锐。

   （2）无损压缩

   无损压缩是利用数据的统计冗余进行压缩，真实的记录图像上每个像素点的数据信息。他的原理是先判断哪些颜色相同，哪些不同，将相同颜色的数据信息进行压缩记录，把不同的数据另外保存，多次存储后图片的品质不会下降。

   3、PNG、GIF、JPG图片对比

   在我们进行图像优化技术前，需要学习有关的图片格式的一些技术细节。每个图形格式都有自己的优势和弱点，知道他们会使你得到更好的视觉质量和压缩品质。对于PNG、GIF和JPG图片的压缩情况及数据对比，为了能直观的表达出三种之间的区别。

   （1）PNG-8的高压缩比

   切图时，有时选择 PNG-8 可以获得更高的压缩比。注意，是PNG-8，不是PNG-24。不过有些情况下还是GIF或JPG会小一些，需要根据实际情况调试以选择最佳方案。

   （2）PNG-24的优化技巧

   PNG-24优化时可以使用ps里的色调分离，减小大小，然后再用工具进行优化一下。

   4、图型类和照片类

   另外对于图像格式的选择，我们还需要考虑图片的使用场景或功能，概括为两类：图型类和照片类。

   （1）图型类

   图形符号，具有高度浓缩并快捷传达信息、便于记忆的特性，颜色数量较少。一般可以使用PNG格式或者GIF格式。优化时可采用PNG格式为PNG8或者PNG24，品质为32，如果色彩有损失可采用品质64或者128。例如：首页左导的图标、feed区图标、勋章图、表情动画都属于图形。

   （2）照片类

   照片通常含有百万数量级的颜色，包括平滑的颜色过度和渐变，如果是图形较为复杂，图中有时会出现真实的照片。照片类一般用PNG和JPG，可以根据图片色彩的丰富程度而定。PNG的品质一般要到128。JPG的品质一般要在70-80之间，以噪点的程度确定。例如：皮肤背景图、发布器、按钮背景、发布器下方的tips、右侧广告、用户头像、用户发布的图片。