前端优化有很多,图像优化也是其中的一部分.无论是渐进增强还是优雅降级,图像优化成为了开发上不可忽视的一部分. 知其然,须知其所以然 图像优化的前提是需要了解图像的基本原理.常规的图像格式分为矢量图和位图. 原理: 矢量图形使用线.点和多边形来表示图像. 光栅图形,也可以成为位图,通过对矩形格栅内的每个像素的值进行编码表示图像. 矢量格式适用于简单形状图形,并且变换颜色方便,仅通过 CSS 中的 fill 属性便可以改变颜色.并且在多大的缩放下都能保证清晰,矢量格式不能满足复杂的图像,例如照片,高…