作为文章的或者功能性的或者美学意义上的需求，现在blog越来越丰富多彩，图片也越来越多。

选择合适的图片尺寸

现在数码相机越来越好，动辄800万像素，出来的照片也常在1M以上。但其实电脑上特别是浏览器上根本就没那么大的空间来显示图片（除非放大显示），作为网页上的图片，800*600的图片足够用了。WordPress上传照片的时候会自动使用微缩图，我觉得这种设置比较好。

不要GZIP图片，但设置Cache

图片已经是压缩保存了的，GZIP压缩徒耗服务器的CPU而已。因为图片的变动比较小，所以最好为它们设置强有力的Cache指令。

指定图片大小

如果是通过<img src='pic.jpg'/>的方式插入图片，最好明确指定图片大小，如<img src='pic.jpg' height='300' width='300'/>，可减少页面跳动。推荐使用windows live writer写blog，自动指定图片大小，调节也很方便。

图片背景化

如果图片在每个页面上的位置比较固定，最好用CSS作为背景载入，这样做的好处是背景图片的载入是后台进行的，不会造成页面晃动。

Image Map

使用CSS Sprites

介绍和实现方法见用CSS Sprites让网站再加速。

使用URL scheme

这种方法只对firefox有效，在IE下无效。data: URL scheme可以让你把图片信息直接嵌入在CSS语句中，理论上而言这是小CSS图片的最好解决方案。