图片规范

图片规范

  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目录下.

文章导航