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

图片的压缩优化

时间:2016-04-23 11:33:41      阅读:203      评论:0      收藏:0      [点我收藏+]

标签:

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

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

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

4、用对图片格式:

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

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

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

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

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

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

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

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

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

 

图片的压缩优化

标签:

原文地址:http://www.cnblogs.com/yaoyao-sun/p/5424078.html

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