做前端在mac上使用什么切图工具好

JavaScript030

做前端在mac上使用什么切图工具好,第1张

我用的专业的前端切图工具摹客插件，支持Sketch、Adobe XD、PS的设计稿，在官网下载安装好插件之后，直接在设计工具内标记好切图一键上传，就可以自由下载不同平台、不同尺寸和倍率的切图了，还可以自定义尺寸和压缩，很方便。

是的，做前端必须必须会切图，但是 切图 就是PS里面的一步操作，十分简单。QQ截图和PS切图是动作不一样，但是基本上是一样的，QQ是截取，而PS里面有个工具张的像 刀 ，拿着这个刀在图上面画，所以叫切图。

你选择这个工具，选择切片工具，然后：

在图片上这么画上一块儿或者说切上一刀，就叫切图。

然后在选择 文件→储存为web所用格式→在用切图选择工具

把你需要保存的切图那块儿选中，点击存储，

选择选中的切片，在点击保存，就这么先切，在选择，在保存，就完成了切图，但是PS切图比qq截图用着爽多了，因为在PS里面可以将图片放大N倍，在切，在小的图也能切，而且可以一次切很多，也能一次保存很多，所以比QQ截图用着爽。总体来讲比QQ截图专业吧。

        身为一名前端开发者，$\color{red}{ 切图 } $虽然可以被UI或者蓝湖等工具解决，但是这也是属于前端er的必修课。因此，我也是把切图分享作为我第一篇博客的分享内容。

        下面是直接操作的步骤，如何打开psd图等操作应该也不用我废话了。

        1.第一步就是找到你需要的图或者icon的图层，并选中它（如果有叠加需要多选就按住ctrl进行多选）。

2.选择上方工具栏，选择 图层—>复制图层，

    然后会弹出一个编辑框，重点：文档一定要选择 新建 ,名称可以填写自己需要的，然后点击确定，就会有新的图了。

3.因为画片大小可能不太符合自己的预期，可以选择上方工具栏 图像—>裁切，会自动切成合适的大小。

4.到这一步基本上就已经成功了，最后就是保存了。依然是上方工具栏，左上角，文件--->导出--->存储为web所用格式--->选择四联--->选择PNG-24格式（根据自己需要，我一般使用这个），最后点击 存储 就可以了。