图片的压缩优化

1、alt结构优化:如品牌名+产品系列+型号+正/背/侧面

2、不用大图,不用css去改大图尺寸。用小图,再提供大图查看功能。若图片体积实在大,为图片专门配置新服务器(配置服务器这个我也没明白)

3、图片大小应保持在70kb以下(没这么严格,可以用其它方法解决大小问题,仅了解),否则导致加载速度过慢,用户流失;

4、用对图片格式:

  jpg:用在对图片显示的清晰度要求高的地方

  PNG:小图用png(但png24比png8大,用png8;现在一般除了超清图,都用png8)

5、对于缩略图:尽可能压缩体积,给出高质量大图观看;

        尽量不要给它设置alt,让引擎索引到高质量原图而不是缩略图

6、在js中的图不会被收录,使用图片地图,即用热点图,把图片地址都列出来

7、留心装饰用的图片大小:装饰用图片即非产品类图如背景图,按钮图,边框图等,仔细检查图片体积是否过大;

  如何压缩装饰图:a、用png8

          b、尽可能用css来创建效果,而非用图

          c、尽可能不设置背景图片,若一定要有,在保证清晰度前提下最大程度去压缩。还可以让背景图当中镂空或者透明来压缩

 

posted @ 2016-04-23 10:26  中二的羊  阅读(228)  评论(0编辑  收藏  举报