新浪微博UDC-浅谈图片优化的方法.pdfVIP

新浪微博UDC-浅谈图片优化的方法 在网站优化中 ，如果图片优化得好 ，不但可以提高页面的加 速度 ，提升网站的用户体验 ，而且还 可以通过图片优化来节省网站的带宽。那么作为页面构建工程师应该采用什么方法来优化图片 ，既 能保证UI的还原度 ，又使图片最精简呢 ？下面我就个人经验 ，来简单介绍一下图片优化的方法 ，首 先我们了解一些图片方面的知识 ： 1. 矢量图与位图。 矢量图 ：缩放、旋转不失真的图像格式 ，不管你离多近去看都看不到图形的最小单位。存储的文 件较小 ，但是很难表现色彩层次丰富的逼真图像效果。你可以理解成完美的圆型、抛物线等形状。 位图 ：又叫栅格图、像素图 ，最小单位由像素构成 ，缩放、旋转会失真。举个例子来说 ，位图就 好比十字绣 ，远看时画面细腻多彩 ，近看时能看到每一针的色彩过渡。 十字绣 十字绣放大 下表为矢量图和位图的对比 ： 2.有损压缩、无损压缩。 有损压缩 ：特点是保持颜色的逐渐变化 ，根据人眼观察现实世界的 突然变化, 然后使用附近的颜 色通过渐变或其他形式进行填充。因为素点的数据信息