1、alt结构优化:如品牌名+产品系列+型号+正/背/侧面
2、不用大图,不用css去改大图尺寸。用小图,再提供大图查看功能。若图片体积实在大,为图片专门配置新服务器(配置服务器这个我也没明白)
3、图片大小应保持在70kb以下(没这么严格,可以用其它方法解决大小问题,仅了解),否则导致加载速度过慢,用户流失;
4、用对图片格式:
jpg:用在对图片显示的清晰度要求高的地方
PNG:小图用png(但png24比png8大,用png8;现在一般除了超清图,都用png8)
5、对于缩略图:尽可能压缩体积,给出高质量大图观看;
尽量不要给它设置alt,让引擎索引到高质量原图而不是缩略图
6、在js中的图不会被收录,使用图片地图,即用热点图,把图片地址都列出来
7、留心装饰用的图片大小:装饰用图片即非产品类图如背景图,按钮图,边框图等,仔细检查图片体积是否过大;
如何压缩装饰图:a、用png8
b、尽可能用css来创建效果,而非用图
c、尽可能不设置背景图片,若一定要有,在保证清晰度前提下最大程度去压缩。还可以让背景图当中镂空或者透明来压缩
时间: 2024-10-30 08:01:32