2、图集使用：JS图片切换 通过计时器使得图片每间隔几秒可以自动切换，也可以通过鼠标的点击控制播放的图片。 html代码： 3、选择适当的图片宽度大小(即响应图片) 无论是电脑还是手机，都有很多不同大小的图偏需要展现，如果做做的是响应性的网站，那么你就更加需要考虑图片的大小尺寸问题。 移动端有太多的屏幕分辨率和大小，因此可能需要加载不同大小的图像，从而节省了对站点的访问和页面呈现的效率。 4、使用CSSSprites减少HTTP的网络资源请求 CSSSprites是一种网页图像处理方法，其中一个页面所涉及的所有散乱的图像或图标都包含在一个大图片中，因此只需要加载这个图片，而不是很多图片，这减少了许多HTTP请求。 5、站点图片属性值的添加 网站图片上的属性值(ALT和TITLE)也是图片优化中重要的一点，搜索引擎识别图片的途径首先就是从图片的ALT属性值抓取的，ALT属性值就相当于这个图片的标题、解释说明。 6、CSS和CSS3制作简单的图标和动画 随着技术的发展，CSS3可以实现的效果越来越多，比如箭头图标，三角形，梯形等图标，或者一些阴影效果，渐变的效果，可以用CSS制作一些图片排列，使得页面更美化。 阅读本文的人还可以阅读： 网页内容是写给谁看的？写网页内容需要注意些什么？ MIP是什么？怎样实现MIP？ 如何优化网站产品页面 过度优化是什么？如何避免优化过度？