处理基础图标导出时，常规操作流程包含四个关键步骤：复制目标图层（Command+C）、新建文档（Command+N）、粘贴内容（Command+V）、使用网页格式保存（Command+Option+Shift+S）。此方式适合处理少量独立元素，当遇到复杂图层结构时需注意蒙版效果对最终输出的影响。
| 技术类型 | 适用场景 | 输出效率 |
|---|---|---|
| 手动切片 | 单个元素处理 | ★☆☆☆☆ |
| 参考线切片 | 批量相同尺寸元素 | ★★★☆☆ |
| 智能生成器 | 全自动批量处理 | ★★★★★ |
Photoshop CC版本引入的智能生成器功能革新了传统工作流程。启用路径：首选项→增效工具→勾选生成器选项。创建规范命名的图层组（如icon.png@2x）后，系统自动在文档目录生成对应assets文件夹，支持WebP/SVG等现代格式输出。
动作录制功能（Window→Actions）可将重复操作固化为快捷指令，建议为常用流程设置组合快捷键。智能参考线（View→Show→Smart Guides）配合Option键点击操作，可快速测量元素间距。图层组批量处理时，使用Ctrl+G编组后执行右键"复制CSS"可批量获取样式代码。
1. 创建200%logo.png图层
2. 执行预录制的导出动作
3. 查看生成的@2x图片文件
