快速网站优化技巧（网页中的图片如何优化）

网站内的图片该怎么去优化？

网站上少不了图片，像在产品页和文章页都需要有相应的配图，还有的行业是直接上图介绍，网站上无论哪页面的图片都是需要做好细节优化的，因为做好这些可以提高用户体验等等方面，关于图片优化方法，下面老张就来为大家介绍：

一、图片原创较好

网络上有大量的图片，很多网站都是直接使用网络上的图片，殊不知这样可能会造成侵权和搜索引擎降低网站信誉度的问题，比如我们是产品类型的，自己拍一些质量较好的图片，做好水印等等，这样做对于网站优化也是有很好的帮助的。

二、网站图片路径

网站上的图片尽量保存在一个目录里，在上传时最好也是固定的，这样会方便搜索引擎的抓取，这样做的目的是为了搜索引擎更加快速的识别和抓取图片的内容，之后也会加快图片页面收录的时间，网站整体好的话秒收也不是不可能的。

三、图片相近内容

网站图片是为浏览用户展现的，我们在上传图片是也要注意，图片和文字的内容是否相匹配，比如在介绍“网站优化”的知识内容，我们就上传一些关于网站优化的教程图片等等，一定要具有相关性，这样才会有效的提高用户体验度。

四、图片标签

常见的图片标签有alt、title等标签，这个正确的添加上文字介绍就可以，在这里我们就一带而过了。

五、大小及分辨率

图片的大小需要根据页面来掌握，如果是多张图片的话，调整相同的大小比较整齐美观，但是考虑加载的情况下，尺寸越小越好，加载的越快。图片的分辨率越高图片的体积就会越大，和大小相同也是会增加加载的速度，大家要掌握这个度，在图片不失真的情况下，图片越小越好。

8个图像优化技巧，让你的网站快人一步

研究表明，如果电子商务网站的加载速度低于预期，会有超过45%的访问者放弃购买。而图片是否进行过优化，决定了网站打开速度的快慢，这里我们介绍了8种图像优化技巧，来帮助提升你网站的用户体验。

1. 使用简洁直接的图像名称

创建描述性的、关键字丰富的文件名，对于图像优化来说至关重要，因为搜索引擎不仅会抓取你网页上的文本，还会抓取你的图片文件名。

在给图片命名时，除了让名称准确描述图片内容外，还要考虑消费者的搜索习惯，他们如果想找到这个产品的话，会使用哪些常用词进行搜索？

2. 设置合理的alt属性

当浏览器无法正确呈现图像时，Alt属性将发挥作用，它将用已设置好的文本内容来替代空缺的图片。并且Alt属性还为网站SEO增加了价值，有助于搜索排名的提高。

填写Alt属性时，应该遵循这些原则：

①用简单的语言来描述图像，就如同给图像文件命名那样。

②将商品型号或序列号添加到Alt属性中。

③不要在Alt属性中堆砌关键字。

④不要对无实质意义的图像添加Alt属性（如装饰元素图）。

3. 多角度展示商品

多个角度展示的商品图，往往能提高消费者需求点的命中率。但不要将这些多角度的图片都设置为大图，因为它将增加页面的加载时间。但你可以为这些小图都设置一个链接或弹出窗口，用以展示对应的大图。

4. 优化图像大小

亚马逊发现，如果它的页面加载速度慢下一秒，就会损失16亿美元。谷歌也将页面加载时间作为排名因素。

减小图像文件大小的常用方法是，使用Photoshop中的“另存为Web”的命令，然后调整参数，以将图片尽可能压缩。当然，在调整大小时，注意保持图像质量。

参数设置包括，降低右上角的图片品质，设置文件格式为JPEG，勾选“优化”，勾选“转化为sRGB”，在右下角降低图像大小百分比，最后查看左下角的文件大小是否达到预期（如，商品图一般为100k以内）。

5. 选择正确的图像格式

常见的图像格式有JPEG、GIF和PNG。这其中，JPEG在有限的大小下，可以展示最清晰的图像；GIF可以提供动态变化的图像；而PNG可以呈现出最高质量的图片，不过高质量的图像也对应了较大的内存占用。

所以，多数卖家会选择JPEG（或.jpg）格式的图像作为其商品图，因为它可以用最小的文件大小，呈现出最佳质量的图片。

当你使用PNG格式的图像时，还要注意使用PNG-8，而非PNG-24，因为对于同样质量的图像来说，后者的文件大小是前者的三倍之多。

6. 优化缩略图

对于产品丰富的网站页面，往往会使用到很多缩略图，以减小整个页面的内存大小。而我们要做的优化主要涉及到两个方面，一个是尽可能压缩图像大小，另一个是设置合理的Alt属性，来增加同一产品中对应不同图片之间的区分度。、

7. 使用图片站点地图

网络爬虫无法爬取网页源代码中没有特殊标注的图片，所以，为了让爬虫识别你的图像，你需要在图像中站点中列出他们的位置。你可以通过2Cshop的后台，将站点地图上传到网站，也可以使用Search Console将站点地图提交给Google。这些都有助于Google抓取你的网站图片，优化网页质量和排名。

8. 优化装饰图像

网站除了必要的产品图和Logo外，还有一些装饰元素图。这些图片如果占用内存过大，也会使网页加载速度变慢。那么如何对它们进行优化呢？

①将构成边框的简单图案设置为PNG-8格式。

②尽可能多地使用CSS样式代码来代替背景或装饰图。

③查看所有背景图片，在不破坏质量的前提下尽可能压缩它们。

图像是整个页面文件的最大贡献者，据统计，未优化的图像平均占据网站总大小的75%，这使得页面加载很缓慢。并且，如果页面速度延迟2秒，跳出率就会提高103%。了解到这些，你现在就可以根据这8个技巧，去逐一排查并优化网站图片了。

转载请注明来自专注SEO技术,教程,推广 - 8848SEO，本文标题：《快速网站优化技巧（网页中的图片如何优化）》

标签：网站优化技巧网页图片优化