命名顺序

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

图片业务（可选） +（mod_）图片功能类别（必选）+ 图片模块名称（可选） + 图片精度（可选）

  • 图片业务：
    • pp_：拍拍
    • wx_：微信
    • sq_：手Q
    • jd_：京东商城
    • …

  • 图片功能类别：

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

  • 图片模块名称：

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

  • 图片精度：

如下面例子：

  1. 公共模块：
  2. wx_mod_btn_goodlist@2x.png
  3. wx_mod_btn_goodlist.png
  4. mod_btn_goodlist.png 
  6. 非公共模块：
  7. wx_btn_goodlist@2x.png
  8. wx_btn_goodlist.png
  9. btn_goodlist.png

交叉业务协作

业务交叉协作的时候，为了避免图片命名冲突，建议图片名加上业务和模块前辍，如拍拍侧和手Q侧的业务交叉合作时，侧栏导航icon雪碧图命名：

  1. 推荐：
  2. pp_icon_mod_sidenav.png
  4. 不推荐：
  5. icon_mod_sidenav.png

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

  1. 推荐：
  2. jdc_logo@1x.png
  3. jdc_logo@2x.png
  5. 不推荐：
  6. jdc_logo.png
  7. jdc_logo_retina.png