切图是UI设计中实现DIV+CSS布局的基础环节，需将高保真原型分割为可供开发使用的图片素材。在Photoshop中可通过图层导出、切片划分、插件批量处理三种方式实现，其中快速导出PNG与自定义切片为常用基础操作。网页工具Pixso提供支持多格式、多倍率的一键切图功能，配合标注系统可提升开发协作效率。

在UI设计流程中，切图属于设计交付前的关键步骤，需按照开发规范将完整设计稿切割为独立图片元素。该操作直接影响前端工程师实现页面布局的精度与效率，要求输出文件命名清晰、尺寸精确，并遵循规范性流程。