读书笔记 – 高性能网站建设进阶指南(1)图像优化


优化工具:
跨平台png压缩工具:Pngcrush,OptiPNG
跨平台剥离jpeg的元数据工具:jpegtran
在线多格式压缩工具:smush.it
对动画gif优化,gifsicle可以将动画里连续帧中的重复像素移除,来达到优化。

逐行扫描:相同尺寸的gif/png,垂直渐变的体积比水平渐变的小。
因为垂直渐变中水平一行的颜色是相同的,一行只要储存一种颜色。
而水平渐变一行要储存多种颜色。
实测 10×10 png:
vertical-gradient 178bytes,horizontal-gradient 185bytes

无半透明(0 < alpha < 100)情况下,用png8比gif更有效,压缩效率更好。

jpeg,使用渐进jpeg格式储存大图像。
可以在浏览器中实现逐行扫描,运行在传输过程中可以看到低分辨率图像。