图片优化既是一门艺术，也是一门科学。图片优化是一门艺术，因为对于单个图片的压缩没有最佳的特定解决方案。图片优化之所以是一门科学，是因为很多都发展的很好。优秀的方法和算法可以显着缩小图片的尺寸。要找到一张图片的最佳设置，需要从多个维度仔细分析：格式能力、编码数据内容、像素大小等。从性能优化的角度看，图片也绝对是优化的热点和重点之一，虽然图片加载可以不不阻碍页面渲染，但优化图片，绝对可以让网站的体验提升一个档次。那么要怎么优化图片呢？1、图片格式选择选择图片格式是优化的第一步。我们经常听到的词有矢量图形、标量图形、SVG、有损压缩、无损压缩等，首先我们来解释一下各种图像格式的特点：2.选择合适的图片宽度大小（即响应式图片）无论是PC端还是移动端，都会有很多不同大小的图片。如果你做的是响应式网站和移动端，那么你就更需要考虑图片大小的选择了。移动端的屏幕分辨率和尺寸太多，所以可能需要加载不同尺寸的不同尺寸的图片，这样可以节省网站流量和页面渲染的效率。3.图片压缩选择正确的图片格式并按照正确的尺寸生成图片后，为了进一步提高优化效果，可以通过有损或无损压缩来缩小图片的尺寸。我们的目标是以kb为单位缩小图片的大小，有很多工具可以做到。例如，在智图中压缩图片，选择较小的kb图片格式，以达到最佳显示效果。4、合并图片sprite（雪碧图）将多个页面上用到的背景图片合并成一个大的图片在页面中引用，这样可以有效的较少请求个数，而且，而不影响开发体验，使用构建插件可以做到对开发者透明。这种方法适用于页面图片多且丰富的场景。5.使用code代替图片将图片转成编码字符串inline到页面或者css，这样可以减少
