"自适应网站切图"这个术语可能有点误导，因为切图（图像裁剪或切割）通常不是自适应网站设计的一部分。自适应网站设计是一种网页设计方法，它可以根据不同的设备尺寸（如桌面电脑、平板电脑和手机）自动调整网站的布局和内容。自适应网站通常使用CSS媒体查询来检测设备的宽度，并相应地调整页面布局。

如果你是在询问如何为不同的设备尺寸准备图像，那么这个过程通常被称为图像优化或响应式图像。以下是一些步骤：

1. 了解设备尺寸：了解你的目标受众使用的各种设备尺寸，包括手机、平板电脑和桌面电脑。

2. 准备多个图像尺寸：为不同的设备尺寸准备多套图像。例如，你可能需要为桌面电脑准备大尺寸图像，为手机准备小尺寸图像。

3. 使用CSS媒体查询：在你的HTML和CSS中使用媒体查询来检测设备宽度，并根据不同的宽度显示不同的图像。

4. 优化图像：使用图像编辑软件（如Photoshop、GIMP等）来优化图像大小，减少文件尺寸而不影响图像质量。

5. 使用srcset和标签：HTML5提供了srcset和标签，允许你根据设备的分辨率或宽度提供不同的图像。

6. 使用CSS背景图像：如果你使用CSS来显示图像（如背景图像），你可以使用媒体查询来改变背景图像的尺寸和位置。

7. 考虑使用图集（image sprites）：将多个小图像合并为一个图像文件，使用CSS来定位和显示特定的部分，这样可以减少HTTP请求。

8. 测试：在不同设备和浏览器上测试你的网站，确保图像正确显示，并且网站对用户来说是友好和易于使用的。

请注意，自适应网站设计不仅仅是图像处理，还包括整个网站的布局和内容的调整，以确保在任何设备上都能提供良好的用户体验。