切图，我是这么切的

切图常用格式：PNG

    

体积小；

无损压缩；

支持透明度。

常用设计稿与设备分辨率

让设计稿覆盖所有设备与分辨率并不明智，在此列出具有一定适用性的常用尺寸：

    iOS

        750 x 1334    -    @2x    -    iPhone6/7/8

        1242 x 2208    -    @3x    -     iPhone6/7/8 plus

    Android

        720 x 1280    -    xh dpi

        1080 x 1920    -    xxh dpi

切图偶数像素

为了高清显示，避免0.5像素，以偶数尺寸切图。

切图区域

装饰性素材：沿图案贴边裁切；

交互性素材：考虑可点击区域再裁切。

切图性能

为快速加载、提高软件性能，图片素材要经过必要的压缩。

切图一般分类

切图与盒模型

考虑盒模型（margin、border、padding、content）影响，形状需匹配，边距要合理。

切图常见状态

    

    默认：default

    一般：normal

    按下：pressed

    选中：selected

    禁用：disabled

    悬停：hover

    已访问：visited

切图命名规范