"自适应网站切图" 这个术语可能有点误导，因为 "切图" 通常指的是将设计稿中的图形切割成小图标或单独的图像文件，以便于在网页中使用。而 "自适应网站" 则是指能够根据不同的设备屏幕大小和分辨率自动调整布局和内容的网站设计。

如果你是想询问如何创建一个自适应网站，那么这个过程通常包括以下几个步骤：

1. **规划与设计**：首先，你需要规划网站的内容和结构，然后设计出适合所有设备的视觉布局。

2. **响应式设计**：使用响应式设计技术，这意味着你的网站布局会根据不同的设备宽度自动调整。这通常涉及到使用媒体查询（Media Queries）来改变CSS样式，以适应不同的屏幕尺寸。

3. **选择合适的框架或工具**：你可以选择使用像Bootstrap这样的前端框架，它提供了现成的响应式布局网格和组件，或者使用更轻量级的工具如Foundation、Material-UI等。

4. **HTML和CSS**：使用HTML和CSS来构建你的网站结构，并使用CSS来定义布局和样式。确保你的CSS是模块化的，以便于维护和扩展。

5. **JavaScript**：根据需要，你可能还会使用JavaScript来添加交互功能，或者使用JavaScript框架（如React、Angular或Vue.js）来构建单页面应用程序（SPA）。

6. **测试与优化**：在网站开发过程中，你需要在不同的设备和浏览器上测试网站的显示效果和功能，并不断优化以提供最佳的用户体验。

7. **部署上线**：当你完成开发和测试后，你可以将网站部署到服务器上，使其对公众可用。

如果你是想询问如何将现有的设计转换为自适应网站，那么你需要：

1. **分析设计**：分析你的设计稿，确定哪些元素需要响应式设计。

2. **创建响应式布局**：使用CSS媒体查询来创建不同的布局断点，并为每个断点定义相应的样式。

3. **优化图像和媒体**：确保你的图像和媒体文件在不同的设备上都能正确显示，并且不会导致页面加载速度过慢。

4. **测试与调整**：在不同的设备和浏览器上测试网站，并不断调整以确保最佳的用户体验。

请注意，创建一个自适应网站通常需要一定的技术知识和经验，特别是对于复杂的网站设计。如果你不是专业的网页开发人员，你可能需要聘请专业人士或使用网站建设工具来帮助你实现这一目标。