标签：区别 技术 .com 图标 log 加载速度 切图 ima 技术分享
由于图片的大小问题，我们在切图的时候总是需要考虑用什么格式的图片。如果用了很大的图片，那么加载速度会极慢，如果是在流量大的网站，那将是一场灾难。
一、全屏大图片
毫无疑问肯定用jpg，这种图片既要保证一定的精度又要压缩的尽量小，举个栗子：花瓣网首页的图片62kb：
它是jpg格式的，那么我们先定一个目标：把这种大图片压缩到62kb左右，我们选择网易游戏上的一张图片667kb：
使用ps压缩：
发现前后图片看不出来区别，但是大小你猜是多少？？？仅仅59.1kb
二、矩形图片（区别于圆角图片）
毫无疑问也可以使用ps压缩，上面的全屏大图都没有问题，这个更加不是问题了，用jpg
三、圆角图片（为了兼容ie78）、小图标
圆角的图片必须是半透明，所以必须用png，然后小图片需要高精度，也需要png，而png里面的png8是体积最小的，所以就统一使用这种格式的图片，这种图片有一个问题就是容易产生锯齿，如何避免呢？
就是使用PNGOUTwin，用它还有一个好处就是它能够自动批量自动压缩，好用
四、至于新出来的webp
兼容性还有一定的问题，可能是未来的趋势吧！！！！！
标签：区别 技术 .com 图标 log 加载速度 切图 ima 技术分享
原文地址：http://www.cnblogs.com/wherep/p/7667554.html
