1、控制头部jpg图片的质量
网站建设时，基本上都是选择jpg格式的图片，这种图片比较清晰，色彩更加鲜艳，于是不少人就用它来美化头部，其实这对速度的影响很大，因为打开的页面首先加载就是header，很容易使第一次来的访客反感，还有一种情况是页面上的小图标，有些站长过于追求美观，于是页面上的小图标也用高质量的图片来做，这是很没必要的。
2、可使用gif格式
图片这种东西可以用gif来，因为在展示像素级的细节是，gif的效果比jpg好了不知多少倍，可以尝试一下。截取一幅含有12px或14px文字的图，分别保存为256色的gif和质量为80的jpg，对比一下文字的显示效果，gif肯定比jpg清晰很多，而体积却小了不少。
3、页面背景图片插入的方法
这里所讲的不是img的插入，因为首先，用img标签插入的图片不能通过简单的方法实现变换效果，在这里，美化效果要打个折扣，其次，用img插入的图片，如果图片不在浏览器缓存里，而且不重复出现的话，会大大增加http请求数。因为img标签理论上是出现一次载入一次的。其三，用img标签不利于调整图片位置，如果一个图片，需要在header靠右和footer靠左这两个位置出现两次，你就需要为它写两次css。其四，用img标签插入图片不利于整合，整合图片可以大大减少http请求数。
很多人喜欢用图片做hover变换效果，但是没有相关图片整合，导致一些变换效果有事会因为图片载入失败而失色。我们可以把某一个效果图片整合成一个文件，css中用background-position属性调整图片位置。这种做法的好处是背景只需要一次http请求，图片可以重复调用，也有利于图片变换。
以上就是咸宁网站制作时优化图片的方法，希望对您有帮助！
