图片规范
最后更新于:2022-04-01 06:04:02
[TOC]
# 图片规范
1. 所有页面元素类图片均放入`img`文件夹, 测试用图片放于`img/demoimg`文件夹;
2. 图片格式仅限于`gif || png || jpg`;
3. 命名全部用小写英文字母 || 数字 || _ 的组合,其中不得包含汉字 || 空格 || 特殊字符;尽量用易懂的词汇, 便于团队其他成员理解; 另, 命名分头尾两部分, 用下划线隔开, 比如`ad_left01.gif` || `btn_submit.gif`;
4. 在保证视觉效果的情况下选择最小的图片格式与图片质量, 以减少加载时间;
5. 尽量避免使用半透明的`png`图片(若使用, 请参考css规范相关说明);
6. 运用css sprite技术集中小的背景图或图标, 减小页面http请求, 但注意, 请务必在对应的`sprite psd`源图中划参考线, 并保存至`img`目录下.