怎么优化电商网站图片？

图片优化，指的是在不牺牲图片质量的前提下，尽可能压缩图片大小，从而达到缩短页面加载时长的目的。同时，图片优化也有助于SEO，提高图片在谷歌以及其他搜索引擎上的排名。

1. 提高网站速度

针对网页端和移动端的图片优化可以加快网页加载速度，为用户提供更好的购物体验。网站加载时间每长2秒，跳出率会增加103%。

页面速度指的是页面内容加载的速度。通常会用页面加载时长，首字节时长来衡量。页面加载时长指的是页面内容展示所花费的时间，首字节时长指的是浏览器接收到网站服务器第一字节的时间。谷歌表明网站速度是搜索引擎排名考量指标之一。

2. 改善浏览体验

页面加载速度对用户体验很重要，用户可以察觉出1/10秒的延迟。加载时间越长的页面，跳出率越高，平均停留时间越短。用户体验的提升有利于搜索引擎排名，优化互动，转化和用户留存。

3. 优化搜索表现

优化后的图片能帮助用户和搜索引擎找到并了解网站。图片优化有利于提高图片在谷歌图片搜索上的排名，从而为网站带来更多的流量，并打造品牌。

1. 图片命名

图片SEO的重点在于用相关关键词提高网页在搜索引擎的排名。搜索引擎不仅会爬网页文本，还会爬图片文件名。所以给图片取个描述性并包含关键词的文件名很关键。

看一下网站数据，用户在网站上搜索的关键词是怎么构成的，有没有什么规律，按照用户搜索习惯为图片命名。如果是新网站，没有数据可以参考，那尽量用相关，描述性的关键词。比如，同样一件T恤，命名women-short sleeve-logo tee.jpg显然要比 267201034.jpg效果好。

2. Alt属性

当网页加载图片失败时（网络或其他原因），用户可以通过alt属性知道图片内容。或者图片加载正常，用户鼠标悬浮在图片上时，也可以看到alt属性文本。Alt属性也有利于网站SEO，包含相关关键词的alt文本可以提高网站在搜索引擎排名。

写alt属性时要注意以下几点：

最后，记得时常检查网站的alt属性是否规范，准确。

3. 图片尺寸和产品展示角度

电商网站一般都会多角度展示产品，正面图，背面图，侧面图，细节图，不同SKU图等。如果精力允许，可以为每张的图片添加不同的alt属性，比如，alt=”women’s short sleeve logo tee in bright white.jpg，描述性的alt属性有利于潜在用户搜索。

除首页外，其他页面不建议用大图（首页大图压缩后再上传）。大图可以提供更好的用户体验，但是也会拖慢网站加载速度。建议可以上传小尺寸图片，支持用户放大图片细节。

4. 图片大小

网站文件越大，加载时间越长，用户需要等待的时间也越长。50%的用户不会等一个电商网站加载超过3s。所以上传产品图片时，尽量压缩大小，可以提高网站加载速度。

如果你用PS修图，可以在保存图片时选择存储为Web所用格式。除了PS，还有其他在线图片编辑工具，比如Canva，PicMonkey，PIXLR，Photoshop Express，GIMP。

电商网站图片，压缩到70kb以下是比较理想的状态。

5. 图片格式

常见的图片上传格式有三种，JPEG（.jpg），GIF（.gif），PNG（.png）。

JPEG是标准的网络图片类型，压缩后可以保持不错的图片质量。

GIF图片质量没有JPEG高，适用于比较简单的图片，比如图标，一些装饰性的图片。GIF也支持动画效果。

相比GIF，PNG能支持更多颜色，而且多次保存后图片质量不会变差。但是，相比JPEG，PNG文件更大。

所以选择文件类型的时候，可以参考几点：

6. 优化缩略图

许多电商网站会在类目页用缩略图，但是缩略图可能会降低网站加载速度。

Shopify 应用插件：

AVADA SEO: Image Optimizer

TinyIMG SEO & Image Optimizer

其他工具：

TinyPNG，docsmall，图好快等

或者直接在Google浏览器搜索关键词“ image optimization tool ”，找适合的工具。