"自适应网站切图"这个术语可能有点误导，因为切图通常是指将设计稿切成小图标或元素，以便在网站开发中使用，而自适应网站设计则是一种网页设计方法，使得网站能够在不同尺寸的设备上自动调整布局和样式，提供最佳的用户体验。

如果你是想要了解如何为自适应网站准备图像，那么以下是一些建议：

1. 使用响应式图像：使用CSS的`srcset`和``元素来提供不同尺寸的图像，让浏览器根据设备分辨率选择最佳的图像版本。

```html







```

2. 使用CSS媒体查询来调整图像大小和定位：根据不同的设备宽度，你可以使用CSS来调整图像的宽度和高度，或者改变它们的定位方式。

```css
@media (max-width: 600px) {
img {
width: 100%;
height: auto;
}
}
```

3. 考虑使用CSS网格或Flexbox布局：这些布局方法可以帮助你更轻松地创建响应式布局，使得图像能够更好地适应不同的设备尺寸。

如果你是想要了解如何将设计稿转换为适合自适应网站的HTML和CSS，那么这个过程通常包括以下几个步骤：

1. 理解设计稿：分析设计稿，了解它的布局、颜色、字体和元素大小等信息。

2. 创建HTML结构：根据设计稿的布局，创建相应的HTML元素，比如div、header、footer、导航菜单等。

3. 添加样式：使用CSS为HTML元素添加样式，包括颜色、字体、边距、padding等。

4. 响应式布局：使用媒体查询来创建响应式布局，确保网站在不同设备上都能正常显示。

5. 图像和图标：将设计稿中的图像和图标转换为适合网络使用的格式和尺寸，并确保它们能够响应式缩放。

6. 交互和动画：如果设计稿中有交互元素或动画，需要使用JavaScript来实现这些效果。

这个过程通常需要一定的HTML、CSS和JavaScript知识，以及对于自适应网站设计原则的理解。如果你是设计师而非开发者，你可能需要与前端开发者合作来实现这一过程。