做网站图片优化时需要注意的一些技巧

第一：要注意网站中图片的格式选择

如果效果真的需要图片来表现，那么选择图片格式是优化的第一步。我们经常听到的词语包括矢量图、标量图、SVG、有损压缩、无损压缩等等，我们首先说明各种图片格式的特点：

一般情况下图片格式的选择遵循以下几点：

1、颜色丰富的照片，JPG是通用的选择

因为人眼的结构很适合查看JPG压缩后的照片，可以充分的忽略并在脑中补齐细节，JPG在压缩率不高时保留的细节还是不错的。

2、如果需要清晰的显示颜色丰富的图片，PNG比较好

PNG-8能够显示256种颜色，但能够同时支持256阶透明，因此颜色数较少但需要半透明的情景（如微信动画大表情）可以考虑PNG-8

PNG-24可以显示真彩色，但不支持透明，颜色丰富的图片推荐使用（如屏幕截图、界面设计图）

PNG-32可以显示真彩色，同时支持256阶透明，效果最好但尺寸也最大

3、如果需要较通用的动画，GIF是唯一可用的选择

GIF支持的颜色范围为256色，而且仅支持完全透明/完全不透明

GIF在显示颜色丰富的动画时可能出现颜色不全、边缘锯齿等问题

第二：做好网站图片命名

关于图片命名我们可以采用与其内容相关的命名方法，就好比一张图片是电脑图片，那么我们就可以命名为computer.jpg。而对于一些中文站点来说的话，也可以用中文的拼音来命名。

第三：正确使用ALT属性标签

在搜索引擎看来，你为图片所特别加入的这个ALT属性标签，就是对于这张图片内容的诠释。而搜索引擎也正是通过ALT属性标签来确定你这幅图片所讲的到底是什么，因此对于网站图片优化来讲ALT属性标签可以说是重中之重。

那么ALT属性标签添加的时候我们需要注意些什么呢，才能做到图片优化的最佳效果呢?

1、与页面主体相符合。

2、尽量使用页面所布局的关键词。

3、不宜过长，建议在20个汉字以内

第四：做好网站图片尺寸的选择

合理选择图片尺寸大小可以有效的减少加载图片的时间，从而提升整个网站的访问速度，这样做会大大提升客户的体验度。更利于搜索引擎对你的站点的抓取。

第五：做好JPG和PNG格式图片优化

选择了正确的图片格式，按照正确的大小生成了图片后，我们还需要对图片进行进一步优化，这种优化一般分两步进行：

1、有损优化，删除没有出现或极少出现过的颜色，合并相邻的相近颜色。这一步并不必须，如PNG格式就直接进入下一步

2、无损优化，压缩数据，删除不必要的信息

第六：正确使用文本说明

在图片已经添加上了ALT属性标签以后，我们是不是就已经好了呢?其实不然，这仅仅只是完成了第一步的环节罢了，除了ALT属性标签之外我们还应该要对图片添加一定的文本说明，只有这样才能让搜索引擎更好的去了解这张图片到底是在讲些什么，只有这样才能在图片排序的过程中优先选用你的图片。

而在发布文本说明的时候，大家可以尽量注意以下几个方面：

1、一般情况下建议大家在图片的正上方，或者正下方添加包含页面关键词的描述性语句。

2、页面设计时可以对图片冠以特殊的heading标签，以使得搜索引擎更好的识别图片的重要程度。

3、不要把想给用户看的内容都写到图片里面去，因为图片当中所包含的内容是搜索引擎无法识别的。

发布：2007-03-31 10:14 编辑：泛普软件 · xiaona [打印此页] [关闭]