一个好的网站要从方方面面考虑细节，大到整体框架页面布局，小到每一个标签的位置都要合理的做好优化。那么IMG标签应该如何优化才能更有益于用户体验呢？
 
规划IMG标签图片优化目的：
 
正确命名图片文件名，图片搜索引擎优化从文件名开始。你想让搜索引擎在不分析图片的情况下了解图片的内容。请在图像文件名中使用关键字。举个例子你的图片是电缆桥架，那么你的文件名不应该是qj123.jpg，而应该是电缆桥架.jpg，这个是可以在文章里插入图片后右键有修改属性，输入修改名称就可以了，因为这是照片的主要主题，所以应该把它放在文件名的开头。
 
IMG标签书写技巧：
 
由于搜索引擎对于图片的识别技术还达不到要求，所以需要用文字对图片进行说明，让搜索引擎识别图片内容，增强搜索引擎对网站的内容识别和信任，从而获得良好的展现。而alt正是对图片做说明的属性标签。我们需要在alt中写出相应文字对图片进行说明。那么alt如何书写就成了图片优化的一个重点了，由于图片可能会涉及到拍摄角度以及一些顺序排列。alt就会出现“正面”“侧面”“背面”“图片1”“图片2”等说明。但要切记不要用图片alt去堆砌关键词，这种做法显然违背了算法规则了。
 
不要每张图片的alt说明都是一样的，这显然是不科学的，不同的图片，自然表示的内容不同，alt也应该不同。就算是同一张图片，也尽量避免alt完全一致，避免堆词嫌疑。
 
 
优化IMG标签图片尺寸：
 
一张大图尽量保持在几十kb，或者100来kb也就差不多了，过大的体积，总会影响加载速度。调整优化图片的尺寸，用户体验在网站优化中非常重要。网站访问越快，搜索引擎访问和索引页面就越容易。图片的大小会影响网页的载入时间。当你上传一张大图片时，显示器非常小。例如，250×150分辨率显示2500×1500像素图片。这个过程需要加载整个图片会很慢。请将图片调整到要显示的大小，使用PS调整成250*150像素就可以，插入多张图片的时候可以把尺寸统一，这样页面整洁。压缩图片大小，图像搜索引擎优化还具有压缩的图像以提供小图像文件。
 
图片格式及大小选择：
（1）jpg是有损压缩，多次压缩后会影响质量的。
 
（2）png-24支持阿尔发半透明，这是jpg和gif不具备的,当然ie6不支持png-24。
 
（3）png-8最高也只支持到256色和gif一样。
 
（4）gif和png-8只支持透明/不透明，即不支持半透明。
 
（5）jpg、gif、png都支持交错模式，即多路径下载，这样当网速不流畅，或加载大图时，会先显示模糊的图像，直到最清晰，不会什么都看不到，能加强用户体验，但交错模式会增加文件体积。
 
通常情况下，网站中多数使用的是png和jpg格式的图片。但是png格式的图片一般精度较高，图片所占空间就比较大。在网站图片要求不高时可尽量选用jpg，压缩后就算有点损失，只要不影响图片正常阅读体验就行了。
 
当然在图片尺寸非常小的情况下建议选择png格式，避免图片失真严重，影响阅读体验。
 
网站的加载速度是网站优化的重点，用户等待时间过长必定会使其厌恶从而损失客户。降低图片体积，将大大加快网站的加载运行速度。
 
使用响应式图片，使用响应式图像对于搜索引擎优化也很重要。如果你使用WORDPRESS，它已经为你完成，因为4.4版本是默认添加自动调整图像，响应图像是SRCSET属性，因此可以在不同的终端上提供不同大小的图片（移动设备）屏幕。
 
 
从分发挥缩略图的作用：
 
网站的缩略图对网页加载速度提升有很大帮助，当然缩略图可能质量与清晰度不太过关，只要不影响阅读体验就行，在详情页将清晰的图片显示出来即可。在很多商城站中体现的比较多。
 
 
做好以上几点可以达到网站缩减图片，减少网页体积，提高加载速度，通过IMG标签优化对整个网站有一个更好的用户体验。