UI 设计中的切图是将设计稿中的图像元素转换成适合网页或应用程序使用的格式，以便前端开发人员可以使用。以下是 UI 切图通常需要切的元素类型：

基本图形和图标

字体

分割线

背景色块

复杂图形

圆角矩形

渐变背景

插图和图标

交互元素

按钮

表单元素

导航菜单

动画元素 （如果适用）：

GIF 或视频背景

CSS 动画所需的帧

特定格式要求

点九图（适用于安卓平台，防止圆角矩形拉伸时失真）

适配不同分辨率的图像（如 Retina 屏幕）

切图时应注意：

格式选择：

通常为透明的 PNG 格式，适用于图标和具有透明背景的图片。

优化：减小文件大小，提高加载速度。

命名和组织：为每个切图创建一个与图片同名的文件夹，便于管理和使用。

注意文件处理：切图后可能会删除原文件，请确保有备份