"自适应网站切图"这个术语可能有点误导，因为它通常不是这样描述的。在网页设计中，"切图"（也称为"切片"）是指将设计文件（如Photoshop文件）中的图像切割成小块，以便于在网页中定位和优化加载速度。自适应网页设计（Responsive Web Design）则是一种网页设计方法，它使网页能够根据不同的设备屏幕尺寸和分辨率自动调整布局。

如果你是在询问如何为自适应网站准备图像，那么这里有一些步骤和建议：

1. **使用响应式图像**：使用CSS3的`@media`查询和`srcset`属性来提供不同分辨率的图像，以便在不同设备上加载最合适的图像大小。

```html



```

2. **优化图像大小**：使用图像编辑工具（如Photoshop或tinypng.com等在线工具）压缩图像文件大小，同时尽量保持图像质量。

3. **使用CSS精灵图**：如果多个小图标或元素在设计中是相同的颜色和风格，可以考虑将它们组合成一个图像，并通过CSS定位来显示不同的部分。

4. **考虑使用SVG**：对于需要支持缩放的图像，比如图标，使用SVG可能是一个更好的选择，因为它们可以无限缩放而不损失质量。

5. **避免使用Flash和JavaScript来显示图像**：这些技术可能会导致在移动设备上加载缓慢或无法显示。

6. **测试在不同设备上的显示效果**：确保你的图像在各种设备上都能正确显示，包括智能手机、平板电脑和台式机。

7. **考虑懒加载技术**：对于长页面或大量图像，可以使用懒加载技术，即仅在用户滚动到图像所在位置时才加载图像，这样可以减少初始加载时间。

请注意，自适应网站的设计和开发是一个复杂的过程，涉及到HTML、CSS和JavaScript等多个方面。如果你需要创建一个自适应网站，建议你咨询专业的网页设计师或开发人员。