网页上使用的图片格式有三种，jpg、png、gif。

 1、JPG：一般用于展示风景、人物、照片。  总之，就是细节比较多的地方，比如相册。
 2、GIF：索引色，最多256色，支持完全透明，有点是容量小，主要用于网页设计中的背景图，css文件中最常引用。  
 3、PNG：供透明背景，也可使用索引色，可以替代静态gif，用在细节不是很多，色块较大并且颜色较少的图片上，这种情况下，png往往也是优于jpg的，注意，仅限于色块较大并且颜色较少的图片上优于jpg。还有一点，ie6不支持png的半透明。

4.bmp：这个可以绕道了，因为bmp通常容量较大。

我的个人优化建议

1.        容量一定要小！建议用photoshop是不要用另存为，选择ps的“保存为web格式”，这个功能能令你的图片容量非常非常小！jpg可以选择不同的品质，gif和png可以选择索引色的多少，是ps优化网页图片的不二选择；

2.       选择好需要的格式，上面已经对各种格式做了简要的说明，这里不再赘述，很多时候你并不知道究竟需要什么格式时，必须用ps挨个格式看一下，实际看看那个效果最合适

3.       不要用太小的，例如2px*2px的图片作为背景图，因为这么小的图铺满一大片区域需要数万次，降低浏览器速度；

4.       经常出现的小图最好放在一张大图上，这样可以减少总的图片的数量，这样只加载一次就OK，如下图：

5.       最好不要对图片进行尺寸改变，不论是等比例缩放或是拉伸，这对浏览器来说是个负担

6.     图片中一定要包括src、alt和title关键标签。其中alt标签是重中之重。

以上是我对网页图片的 优化意见，并不是说一定要降低图片质量，而是要在容量和质量之间找个平衡点，从而加快网页加载速度。