大型网站搭建中的图片规范事项

  1. 所有页面元素类图片均放入pic 应用下,根据项目名称进行文件夹命名;
  2. 图片格式仅限于gif || png || jpg;
  3. 命名全部用小写英文字母 || 数字 || _ 的组合,其中不得包含汉字 || 空格 || 特殊字符;尽量用易懂的词汇, 便于团队其他成员理解; 另外, 命名分头尾两部分, 用下划线隔开, 比如ad_left01.gif || btn_submit.gif;
  4. 在保证视觉效果的情况下选择最小的图片格式与图片质量, 以减少加载时间;
  5. 尽量避免使用半透明的png 图片(若使用, 请参考css 规范相关说明);
  6. 运用css sprite 技术集中小的背景图或图标, 减小页面http 请求, 但注意, 请务必在对应的sprite psd 源图中划参考线.
  7. 严格区分作为内容的图片和作为背景的图片;能以背景形式呈现的图片,尽量写入css样式中;能使用gif或png-8的背景透明就不要使用png-24;

发表评论

电子邮件地址不会被公开。 必填项已用*标注

19 − 3 =

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据