图片引入

HTML 中图片引入添加 width、height 属性，alt 属性应该写上。

html

<img src="./mouse.jpg" height="200" width="200" title="" alt="" />

普通背景图一律使用 PNG-8;
半透明效果使用 PNG-24，若要兼容 IE6 需使用兼容图，并且在 CSS 中 background 引入；
大尺寸，颜色较多的图片，使用“存储为 web 格式”并适当调整图片品质，找到文件大小于图片质量的平衡点；

精灵图

必须使用 CSS Sprite 拼合 CSS 背景图，减少页面 HTTP 请求
按类型区区划分背景图，比如多个类型拼合在一张图里；
拼合时每个背景元素之间需保持间距，目前定位 10PX；