"自适应网站切图"这个术语可能有点误导，因为它通常不是这样描述的。自适应网站设计（Responsive Web Design）是一种网页设计方法，它使用CSS媒体查询和灵活的布局来适应不同的设备屏幕尺寸。这个过程不需要“切图”，因为自适应网站设计的目标是创建一个单一的、响应式的网页，它可以自动调整布局和样式，以适应从桌面电脑到智能手机的各种设备。

如果你是在询问如何为不同的设备屏幕尺寸准备图像，那么这个过程通常被称为“图像优化”或“响应式图像”。在自适应网站设计中，图像会根据屏幕尺寸进行调整，以避免在高分辨率设备上显示模糊的图像，同时保持较小的文件大小，以加快加载速度。

以下是一些关于图像优化的最佳实践：

1. 使用CSS媒体查询来指定在不同设备宽度下显示不同大小的图像。
2. 使用srcset和元素来提供不同分辨率的图像，让浏览器根据设备能力选择最佳的图像。
3. 压缩图像文件，使用像JPEG、PNG或WebP这样的高效格式。
4. 考虑使用CSS的background-size属性来缩放背景图像，以适应不同的屏幕尺寸。
5. 确保图像的纵横比适合不同的设备布局。

如果你是在询问如何将设计稿转换为自适应网站，这个过程通常包括以下几个步骤：

1. 创建一个响应式的HTML和CSS框架，使用媒体查询来调整布局。
2. 将设计稿导入到网页设计软件中，如Sketch、Figma或Adobe XD，并导出不同尺寸的图像。
3. 将导出的图像上传到网站，并使用CSS来定位和调整它们的大小。
4. 测试网站在不同设备上的显示效果，确保布局和样式自适应。

请注意，自适应网站设计是一个复杂的过程，需要对网页设计和开发有一定的了解。如果你是设计师，你可能需要与开发人员合作来实现这一目标。如果你是开发人员，你可能需要学习一些前端开发技能，如HTML、CSS和JavaScript，来构建自适应网站。