设计稿交付开发前，哪些元素需要切图？
不是设计图上的所有内容都应变成图片资源。先分清哪些该交付切图、哪些应由代码实现，能让页面更清晰、适配更稳定，也能让开发协作少走弯路。
优先切出的四类元素
- 品牌与复杂图形：Logo、纹理、具有固定造型的图标、手绘或 3D 插图。
- 无法用代码稳定复现的视觉：渐变细节复杂、叠加阴影较多、带细腻笔触的插画。
- 需要保持视觉一致的图形控件：特殊按钮图形、活动角标、游戏化徽章等。
- 内容图片：商品图、海报、人物照片及其他业务素材。
通常不应切图的内容
标题、正文、价格、表单字段、普通分割线和标准圆角容器，优先由前端使用文字与 CSS 实现。这些内容需要适应屏幕宽度、语言长度和状态变化；做成图片会增加适配成本，也不利于搜索、无障碍阅读和后续维护。
一个判断标准
如果这个元素会随着数据、语言、状态或屏幕尺寸发生变化，通常应当交给代码实现；如果它是固定的视觉资产，再考虑导出图片。
交付前检查清单
- 图标是否有透明背景，边缘是否留出必要的安全间距？
- 同组图标是否使用一致的画布尺寸与命名规则？
- 是否误把可编辑文字、按钮文案或业务数据切成了图片？
- 图片资源是否按用途、页面或状态分组，方便开发引用？
- 是否给复杂图形补充了使用说明，例如固定比例、不可拉伸或深浅色版本？
用切图大师做最后一轮资源校对
将完整设计截图放入切图大师，自动识别可以作为资源盘点的起点。保留真正需要交付的图标和插图，删除文字与装饰性误判，再导出所选 PNG。这样既能快速获得资源，也能顺便确认设计稿中的视觉资产是否齐全。
用更清楚的资源开始交付
从完整界面图中找出真正需要的图标与插图。