网页设计和制作中要注意图片的优化：对于jpg而言，选择一个能看清楚的最大的压缩率；对于gif而言，色彩越少，文件也就越小。在肉眼可接受的范围内，尽量将gif色彩数量降低；切图时尽量贴合图形区，避免空白区域占用文件大小。

一、图片输出的优化原则

1. 使用photoshop的“存储为web所用格式”功能来输出照片，我曾经测试过：输出某张图片为jpg格式，分别使用“存储为web所用格式”和一般的“存储为”，都压缩到50%，前者得到的图片结果为14.4kb，后者为47.1kb。

2. Jpg格式的图片，需综合对比压缩品质高、中、低下的效果，尽量选择效果好且压缩品质较低的选项，以达到获取较小文件的目的。

3. 在使用上述功能进行图片输出的过程中，对比jpg、gif格式下的文件大小，选择效果和大小较优的文件格式。一般情况下，色彩少的图片使用png-8、gif格式文件会小些，色彩渐变丰富的图片，则使用jpg会小些。

4. 对于无多通道透明需求的图片，避免使用png24位格式输出。

5. 在使用上述功能进行图片输出的过程中，对比jpg、gif格式下的文件大小，选择效果和大小较优的文件格式。

6.有些图片，色彩并不是很丰富，通过对比可知输出gif会更小些;或者，因为要用在多种背景中使用，需要输出为透明格式(非多通道)，这时，就需要选用 gif 格式。我们都知道Jpg格式可以通过控制压缩比来优化，相对于JPG，gif优化是比较容易被忽视的。看到身边有些朋友在输出gif时基本不作什么优化选择，觉得很可惜。其实，即使确定要输出gif格式，通常也仍有继续瘦身的余地。

二、图片裁切的优化原则

切图时尽量贴合图形区，避免空白区域占用文件大小。

三、图片缩放

通常情况下，数码相机拍出的照片分辨率是用于冲洗照片所用的，在网上浏览不需要上传那么大的照片，既影响图片上传速度，又浪费下载观众的带宽，解决方法是上传图片前，用图片编辑软件(photoshop 或者 光影魔术手)压一下，500像素左右就可以了。

四、图片ALT属性的优化原则

1，对于链接图片的ALT文字，则应完全从网站优化角度考虑，视同为链接文字，加入关键词。注意这里的关键词应为被链接网页的关键词，而非本页的关键词。

2，对于非链接图片的ALT文字：

（1）应主要从描述图片的角度考虑。虽然Google会读这些文字，但其重要性比正文内容文字要低的多。

（2）非链接图片的ALT文字也可适当考虑本页的关键词，因为可能对Yahoo等其它搜索引擎有利。

（3）鉴于Google认为使用ALT属性的网页比不使用ALT属性的网页设计对读者更友好，所有的图片都应加上ALT属性。对于那些只是有排版作用的图片，可使用空ALT属性 (alt='')。