Question

网站的切图一般都是用什么工具

Answer 1

切图是设计师交付给开发的产物之一，设计稿完成后，设计师需要将其切成便于制作成页面的图片。设计师切图时就需要用到切图工具，比如摹客iDoc，可以自动切图（支持Sketch、Adobe XD、PS的设计稿），设计师只需在设计稿上进行切图标记，上传至iDoc即可，无需手动，开发可以自主下载和使用。

iDoc如何切图？其实很简单：（以PS切图为例）

Step 1.安装并打开插件

下载地址：https://www.mockplus.cn/download/idoc-ps

插件安装好后打开PS，在「窗口>扩展功能」找到摹客 iDoc 插件，选择并打开。使用摹客平台账号登录。没有账号需要先注册（https://www.mockplus.cn/idoc）

Step 2.标记切图

在完成的设计稿上，选中需要切图的图层或编组，点击「标记切图」。将在名称前增加“-e-”，「标记切图」变为「取消切图标记」，则标记切图完成。

Step 3.上传至iDoc

标记切图后，一键将设计稿上传至云端项目中，开发工程师就可以自主下载切图，只需在右侧面板中选中切图，点击即可下载。

iDoc自动切图，还有更多亮点功能：

1. 切图压缩：在右侧面板中选中切图

2. 切换平台和选择倍率：iOS、Android、Web

3. 下载选中切图，一步到位。

摹客iDoc还支持Sketch、Adobe XD的自动切图，下载插件即可：

Sketch：https://www.mockplus.cn/download/idoc-sketch

adobe XD：https://www.mockplus.cn/download/idoc-xd

Answer 2

一般也还是常用photoshop这个工具的，
做好的整张图用裁切工具划分好后另存为htm格式，
会有一个文件夹和一个文件，文件夹里就是切好的图，文件就是代码。

Answer 3

推荐使用简单高效的软件：蓝湖