文章目录

• 常用的切图测量类软件
• 一、像素大厨（PxCook）
• 二、PhotoShop（PS）
• • PS的使用
  • PSD图片
• 三、 蓝湖

常用的切图测量类软件

在写网页时，美工，会把它设计好的设计图给我们的，得到设计稿，就需要对设计稿进行测量，测量就需要软件。

一、像素大厨（PxCook）

官网：https://www.fancynode.com.cn/
下载地址：https://www.fancynode.com.cn/pxcook
使用的步骤：

1. 在像素大厨，点击创建项目，选择web项目，选择本地项目。
2. 把你的图片，拖到像素大厨中，可以拖N张。
3. 双击某一张图片，就打开这一张图片，打开后，就可以测量了。
4. 测量的一些快捷键：1）alt + 鼠标中键 可以 放大或缩小图片。2）空格键 鼠标变成小手 拖拽图片。3）可以选择小尺子，量宽度 和 高度 。4）选择吸管，就可以量颜色，量出来是16进制。

二、PhotoShop（PS）

最最经典的是PS这个软件，尽量安装比较新的版本，大多插件只支持PS CC2012后的版本。PS软件比较大，如果电脑配置过低，最好不要使用PS。

PS的使用

1. 可以把一张图片，直接拖到PS软件中，或者点击PS软件中的文件，文件中有一个打开文件。
2. 放大图片 按住alt键 滚动鼠标滑轮，就可以放大或缩小了。
3. 按住空格键 拖动鼠标，就可以移动图片了。
4. 测量 点击工具菜单中的第二个矩形工具，按住鼠标不放，测量的数据就看见了。
5. 设置测量单位 点击编辑，首选项，单位与标尺，把cm改成px就OK了。

PSD图片

带有图层的。找到工具菜单中的第1个工具，叫移动工具，使用移动工具，选中一个小图。

切图神器： 就是PS的一个插件 ：cutterman 。
官网：https://www.cutterman.cn/zh
下载：https://www.cutterman.cn/zh/cutterman
安装之后退出PS，重新打开PS，此时，PS中就有这个插件了。
（1）在PS的窗口菜单中，找到扩展功能，里面就有custterman这个插件。
（2）然后，注册一个账号。
（3）登录使用。
开始切图：

1. 选中PS中的移动工具，点击要切的小图片。
2. 保证你的PS中左上角，把自动选择勾上去，后面选择图层。 需要保证你要切的图是一个图层，有可能你要切的图，不是一个图层。
3. 点击导出选中的图层。
4. 如果说，要切的图片，包含多个图层，此时，就要选组了。要选中多个图层，先选中一个，然后，按ctrl键，再去选中一个。

三、 蓝湖

官网：https://lanhuapp.com/
注册一个账号： 需要下载一个蓝湖的插件，在首页面中，找到下载，触摸下载按钮，选择PS插件。下载地址：https://lanhuapp.com/ps
安装完后，需要退出PS，再打PS，这样你的PS中，就有蓝湖这个插件了。
使用的步骤：
1）在蓝湖后台，新建一个项目
2）在PS软件中，找到窗口，找到扩展功能，再找到蓝湖，登录蓝湖。

来源：小召小召