"乌兰察布响应式网页切图" 不是一个常见的中文术语，但我猜您可能是指将设计稿（通常是PSD文件）切成小图标、背景、按钮等元素，以便于在网页开发中使用。这个过程通常称为“切图”或“切片”。

如果您需要将一个设计稿转换为网页可用的图像元素，以下是一些基本的步骤：

1. **选择合适的工具**：您可以使用Adobe Photoshop、Sketch、Figma或其他支持切图功能的工具。

2. **组织图层**：确保您的PSD文件中的图层已经正确组织和命名，这有助于切图时快速找到所需的元素。

3. **设置切片**：在Photoshop中，您可以通过“切图”功能（通常在“窗口”菜单中）来创建切片。您可以选择手动创建切片或使用自动切片功能。

4. **调整切片**：根据需要调整每个切片的尺寸和位置，确保它们适合网页设计。

5. **导出切片**：将切好的图标和元素导出为网页可用的格式，如PNG、JPG或SVG。确保导出时设置了正确的尺寸、分辨率和压缩选项。

6. **优化图像**：使用图像优化工具（如ImageOptim、TinyPNG等）来压缩图像文件大小，以提高网页的加载速度。

7. **准备响应式设计**：考虑到响应式设计，您可能需要为不同的设备尺寸创建不同的切片。例如，为桌面版、平板版和手机版分别创建切片。

8. **上传和集成**：将切好的图像上传到您的网站服务器，并在网页代码中正确地集成它们。

请注意，响应式网页设计不仅仅是切图，还包括了流式布局、自适应图像和其他技术，以确保网页在不同设备上都能正常显示。