关于图片的问题

由于图片的大小问题，我们在切图的时候总是需要考虑用什么格式的图片。如果用了很大的图片，那么加载速度会极慢，如果是在流量大的网站，那将是一场灾难。

一、全屏大图片

毫无疑问肯定用jpg，这种图片既要保证一定的精度又要压缩的尽量小，举个栗子：花瓣网首页的图片62kb：

它是jpg格式的，那么我们先定一个目标：把这种大图片压缩到62kb左右，我们选择网易游戏上的一张图片667kb：

使用ps压缩：

发现前后图片看不出来区别，但是大小你猜是多少？？？仅仅59.1kb

二、矩形图片（区别于圆角图片）

毫无疑问也可以使用ps压缩，上面的全屏大图都没有问题，这个更加不是问题了，用jpg

三、圆角图片（为了兼容ie78）、小图标

圆角的图片必须是半透明，所以必须用png，然后小图片需要高精度，也需要png，而png里面的png8是体积最小的，所以就统一使用这种格式的图片，这种图片有一个问题就是容易产生锯齿，如何避免呢？

就是使用PNGOUTwin，用它还有一个好处就是它能够自动批量自动压缩，好用

四、至于新出来的webp

兼容性还有一定的问题，可能是未来的趋势吧！！！！！