电商网站图片优化的方法

强强庚心

　　1. 用结构化数据写产品图片ALT

　　我们很容易使用照相机默认的图片编号当做图片们的命名，这样的话对于搜索引擎来说，可能就没有办法辨识图片的内容，从而我们就失去了从图片搜索那块儿带来的流量，这是非常可惜的，特别是当你的产品有数以万计的话。通常我们可以制定结构化数据规则让技术人员设计程序批量替换图片的alt属性，而无需我们手工操作。

　　2. 关于大图的显示问题

　　如果你希望提供更大的图片让用户爽一下，这个思路很好，但要非常小心，不建议将大图直接放在网页上然后用css将图片缩小，虽然你看上去图片变小了，但是图片的尺寸还是实实在在存在的，这会影响加载速度。相反，你可以先放一张较小的图片，然后提供查看大图功能的选项，不管是点击弹出大图还是另外新页面显示，都ok。

　　3、对于电商网站来说，产品图片的质量要求极高，JPEGs毫无疑问是首选，他们有相对高质量的图片显示且不会占用太大的体积。

　　绝对不要用GIFs来当做产品大图。不然的话文件尺寸会非常大，也没有很好的办法去压缩它(一压缩就失真)。可以用GIFs做动画或是装饰性小图。

　　PNG可以作为JPEGs和GIFS的替代，如果你想把产品图片做成PNG格式，尽量用PNG-8而非PNG-24。PNGs同时也擅长处理简单地装饰图而只需很小的体积，PNG将会变得越来越流行。