制作网站时如何正确处理和优化图片？

大家都知道对于每个网站来说图片和文字，一定是绕不开的两大构成要素。

所以，我们在制作网站时就需要正确处理和优化图片，因为图片内容是每个网站的必须品，是提升用户体验达到一个更优秀的阅读效果的表现，也就是说一篇好的文章都应该拥有最合适的配图来提高用户阅读体验。

今天笔者就跟大家分享一下制作网站时如何正确处理和优化图片？

1、网站中使用的图片要去掉无意义的修饰

除了内容图片，其他的图片的作用是修饰，也就是对于传达信息来说并非本质性的。最大的优化就是压根不要图片!所以在优化之前要做的，首先是确认设计，设计本身是否需要用那么多图片?还是说可以更简洁?

2、合理利用ALT标签

alt标签指的是对图片的描述标签，简单来说就是我们买了一个产品，盒子上贴的那个产品说明。搜索引擎判断图片内容，会主要参考alt标签里的内容。alt标签通常是加到标签内部的。

在使用alt标签的时候，要对图片进行描述。切勿写与图片无关的内容，或者直接堆砌关键词。

3、图片与网页内容要匹配

这是一个读图时代，我们在强调文案内容重要性的同时，切莫忽视图片的重要作用。首先一点，相当于密密麻麻的文字，人们一般是先看到图片，对图片有足够的兴趣后，才会深入的阅读文字;其次，一个网页上好的配图，可以对网站内容有一个很好的概述总结，可以对网页内容起到画龙点睛的作用。

所以，我们要做好图片周围文字的优化，增加搜索引擎与访客的识别度，在必要的情况下可以在图片的下方穿插部分文字进行说明，尤其是一些数据表格类的图片，当然切记不要刻意堆砌关键词。

4、使用正确的图片格式

现在软件行业与网页制作主流有三种图片格式jpg，gif和png。接下来我们看一看这三者各有什么特点，又该如何应用：

PEG(jpg)是最常用的压缩后图片格式，可以支持最大程度的压缩。如果网页对图片清晰度有比较高的要求的话，jpg格式的图片相对于其它两者具有十分明显的优势。

GIF(gif)的图片清晰度会差很多，通常只是用来作十分简单的连续演示，这个格式的图片也能够让设计者制作动画。Gif不能满足高质量的图片需求。

PNG格式比GIF更加可靠，因为png格式下的图片的色谱要比GIF丰富许多。此外，和jpg格式相同，无论多少次保存都不会对图片的质量产生不利影响。且PNG格式的图片体积极小，占用空间极小。且PNG无所谓背景是否透明，一般的标志或者装饰图案都会选择使用png格式。但要注意PNG-24版本下的图片要大于同样情况下的PNG-8版本下的图片的三倍以上，应当仔细选择与使用。

5、做好图片本身的优化

体积大小：一张图片最好不要超过200K，若体积过大，则会导致网页加载速度过慢，影响用户体验度，网站跳出率也就会有所增加。

尺寸和大小：有很多人不知道为何搜索结果左侧有的网站会有一张小图，而有的没有。主要原因是别人图片尺寸符合搜索引擎的要求，建议一般尺寸宽高比例：121:75，这个比例的图片大小比较合理，也方便搜索引擎左侧显示。

清晰度：图片清晰度对用户体验的影响不必多解释，若不清晰，很多时候用户看不到图上的重要信息就把网页关闭掉。

最后，笔者要说图片处理和优化是网站优化的一个十分重要的方面，一定要从增强用户体验度和对搜索引擎抓取的胃口，紧抓这两个方面去做优化，把很多小细节做好了，对网站后期运营一定是大有帮助的。