10.图像优化

1.优化PNG图片

pngcrush -rem alla -brute -reduce src.png dest.png

其他工具 OptiPNG PngOptimizer PNGOUT

2.压缩jpeg

jpegtran -copy none -optimize src.jpg > dest.jpg

3.GIF转PNG PNG8

ImageMagick

convert source.gif dest.png

4.优化GIF

gifsicle -02 src.gif > dest.gif

5.在线优化 smush.it

6.css sprite

颜色合并,压缩后合并。避免空白

7.Favicons

浏览器会自动去请求,找不到则404。所以要设置一个。

以下的方式比较合理,

link的方式,16*16

1KB左右,Pixelformer 优化工具

apple图标 link的方式 57*57

总结

1.JPEG保存照片,GIF保存动画,其他所有图像尽量使用PNG8

2.避免使用alphaImageLoader

3.以上这些

你可能感兴趣的:(10.图像优化)