图片命名

命名顺序

图片命名建议以以下顺序命名：

（mod-）图片功能类别（必选）+ 图片模块名称（可选） + 图片精度（可选）

  • 图片功能类别：

    • mod-：是否公共，可选
    • icon：模块类固化的图标
    • logo：LOGO类
    • spr：单页面各种元素合并集合
    • btn：按钮
    • bg：可平铺或者大背景
    • …

  • 图片模块名称：

    • goodslist：商品列表
    • goodsinfo：商品信息
    • userava tar：用户头像
    • …

  • 图片精度：

    • 普清：@1x
    • Retina：@2x | @3x
    • …

如下面例子：

  1.     公共模块：
  2.     mod-btn-goodlist@2x.png
  3.     mod-btn-goodlist.png
  4.     mod-btn-goodlist.png 
  6.     非公共模块：
  7.     btn-goodlist@2x.png
  8.     btn-goodlist.png
  9.     btn-goodlist.png

有高清图片的时候，命名应该加上图片相应的精度说明

  1.     推荐：
  2.     jdc-logo@1x.png
  3.     jdc-logo@2x.png
  5.     不推荐：
  6.     jdc-logo.png
  7.     jdc-logo-retina.png