设计师入门必看的切图规范流程，还有免费软件分享

1、尺寸确定

• iOS 一般采用 750×1334 来设计，提供 @2x、@3x 两种倍率的切图，可直接适配相应分辨率的机型，并向上向下适配主流分辨率。
• Android 通常用 720×1280 来设计，xhdpi 切图直接适配该分辨率的机型，并向上向下适配主流分辨率（如 xhdpi、xxhdpi 等）。
• 微信小程序使用 @2x（设计稿尺寸等于 750 大小时的 1x 图，或设计稿尺寸等于 375 大小时的 2x 图）。
• 手机端网页、公众号等（与微信小程序统一使用 i6，方便做单位转化），设计稿尺寸为 750×1334px，切图格式为 png24。

2、命名规范

3、切图免费软件

4、切图基础规范

• 切图的尺寸应为偶数，避免出现 0.5 像素的虚边，因为 1 像素是智能手机能识别的最小单位，单数切图可能会导致元素边缘模糊。
• 同一模块内，切图大小应保持一致，这符合网页开发中常用的 CSS 盒模型技术思维。工程师搭建页面时会画格子（盒子），它们与切图矩形相匹配，同一控件的格子大小一样，便于实现多状态展示的统一。
• 若有背景，尽量用平铺的背景图案来设计，以减少程序体积。
• 可点击的部件要把相关状态（如正常状态、点击状态、不可点击状态等）都切图输出，避免后期输出遗漏。
• 输出的切图应尽可能压缩大小，以降低 App 的总大小，提升用户使用时的加载速度。
• 所有的变形字体当成 icon 来切。
• 重复的东西只切一个。

5、最后