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