网站优化时如何优化图片-成都软件公司

北京网站建设公司推来客：在SEO网站优化，其实图片的优化也占了很大一部分。它是SEO网站优化的重要组成部分。优化好的图片不仅可以提高页面的加载速度，加快搜索引擎的抓取速度，使更多的网站制作页面被收录，而且通过有意识地优化图片，还可以带来通过图片产生一定的流量，对多方有利。下面我就以我个人的经验来说说优化图片的时候应该怎么做

1、图片要加上alt标签及图片要尽是进行无损压缩

我们知道，如果一个页面上的图片很多，那么页面的打开速度就会变慢，也就是说页面的加载速度也会变慢，尤其是一些图片网站，图片一定要适当压缩，这样页面的加载速度就会快很多。当然最好是无损压缩图片。网上有很多这样的无损压缩工具。你可以在百度上搜索找到它们。我们所说的压缩是在不影响整体的情况下完成的。如果有些页面对图片质量要求高，那么压缩率尽量小，以免影响用户体验，所以这也是一个折中的问题，大家可以根据页面的实际情况进行必要的处理。

在网站上一些重要的图片，一定要加上ALT标签，这样搜索引擎才能知道图片的主题是什么，这样在搜索图片的时候，会给你一定的排名，给图片加上ALT标签将使用户受益。这也是一个很好的引导功能。当用户将鼠标放在图片上时，ALT中的内容就会显示给用户，尤其是当图片出现一些问题无法访问时，此时ALT的作用会更加明显时出来，ALT里面的文字内容会直接显示在图片显示的地方，起到很好的提醒作用，对用户理解上下文起到很好的作用。

2、在图片的四周要尽量出现一些有意义的文字

搜索引擎在判断图片的主题时，会参考图片周围的内容，所以我们应该尽量在一些重要的图片周围呈现一些描述性的文字，以帮助搜索引擎理解图片，例如上半部分，下半部分图片的左半部分、右半部分尽量呈现一些与图片主题相关的内容，这样对搜索引擎更友好。

3、对图片要指定高度与宽度及使用CSS Sprites技术(图片合并)

页面加载图片时，（暂不考虑不同浏览器的并发下载数），如果页面代码中没有设置img的宽高，浏览器会不断计算即时宽高加载过程中的每张图片。直到图片完全显示。如果设置了宽高，可以在浏览器返回的信息中提前预留要加载的图片的宽高，这样浏览器就可以腾出时间，同时下载其他图片。这就是为什么设置图片的宽高可以略微提高页面打开速度的原因。当然，对于页面数量较多的网站、页面图片数量较多的网站或网站图片数量较多的网站，这种加载变化会更加明显。

CSS Sprites其实就是将网页中的一些背景图片整合成一个图片文件，然后利用CSS“background-image”、“background-repeat”、“background-position”的组合来定位背景。 background-position可以使用数字可以准确定位背景图片的位置。这样可以尽可能减少图片的数量，从而减少向服务器请求图片的次数，从而加快页面的加载速度。

本文由北京网站制作公司推来客http://www.tlkjt.com/发布

我们专注高端建站，小程序开发、软件系统定制开发、BUG修复、物联网开发、各类API接口对接开发等。十余年开发经验，每一个项目承诺做到满意为止，多一次对比，一定让您多一份收获！