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.以上这些

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容