# 图片
图片格式:图片允许采用gif/jpg/png/wep ,平衡图片质量与文件大小,适当运用 css sprite 理念合并修饰类图片,不过分损失质量情况下尽量减小页面下载数据量。jpg图片必须压缩,一般70%品质即可,如果图片质量不好,可提高到80%以上。
需要注意的几点:
1.所有img元素必须加上alt属性,修饰性图片alt属性内容留空,内容性质图片alt属性写相应内容;
2.若非响应式图片要求,必须加上width和height属性,值为它的原大小,但不要用来对它进行缩放。我们的双端网站
3.图片后缀命名一律小写。
**图片类压缩优化使用工具推荐**
1.[智图](http://zhitu.isux.us/index.php/preview/download)
2.[FileOptimizer](http://sourceforge.mirrorservice.org/n/ni/nikkhokkho/FileOptimizer/)(速度较慢)
3.grunt组合工具