码迷,mamicode.com
首页 > 其他好文 > 详细

优化png图片的历程

时间:2014-12-17 18:35:51      阅读:158      评论:0      收藏:0      [点我收藏+]

标签:web前端   优化   压缩   用户体验   图片   

一、使用yslow一个tool 
bubuko.com,布布扣
bubuko.com,布布扣

找到一个叫做smush的工具,点击即可进入工具的页面。

bubuko.com,布布扣
然后你就可以压缩,下载压缩后的图片。
但是最终我还是没有选择这样的方法,因为压缩的图片大小还是太大了,我觉得还是自己来更“人性化”一点。

于是,另一种方法出现了!


二、使用Photoshop的色调分离方法

以上两种方法是之前总结得到的,原来总结做的笔记可以参考:http://www.w3cfuns.com/blog-5436161-5399004.html


三、使用腾讯智图网上压缩图片的方法

智图地址:http://zhitu.tencent.com/

通过把图片拖入到相应区域中,即可为你的图片适配优化方案。

使用方法简答粗暴,挺好用的,现在项目上都会用这个工具优化一下png图片。

如果这个工具还是不能满足的话,我会再用Photoshop色调分离的办法再压缩下。


四、iSparta工具

具体的内容可以参考之前写的博客,是转载的:

http://blog.csdn.net/wuweitiandian/article/details/41676333


注:第三和第四种方法,都是在腾讯isux上看到的,这些压缩的方法都挺好的,灵活选择,此方法不通另一种方法则通。在保证图片质量的情况下,尽量压缩图片的大小,优化网页的加载速度。


优化png图片的历程

标签:web前端   优化   压缩   用户体验   图片   

原文地址:http://blog.csdn.net/wuweitiandian/article/details/41984043

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!