图层切图

最简单的切图方式：右击图层 --> 导出 PNG 切片。

如果发现某张图片它的文字和背景是分离的，那么可以按住shift对两个图层进行多选操作，然后在图层菜单里面选择合并图层(ctrl + e),然后再导出为png即可。

切片切图

①利用切片选中图片
利用切片工具手动划出

②导出选中的图片
文件菜单 --> 存储为 web 设备所用格式 -->选择我们要的图片格式 --> 存储 。

如果想要透明背景的切图，则要先把最底层的背景给关掉，然后再去切图！同时存储的格式最好是png的。

PS插件切图

Cutterman 是一款运行在 Photoshop 中的插件，能够自动将你需要的图层进行输出，以替代传统的手工"导出 web 所用格式" 以及使用切片工具进行挨个切图的繁琐流程。

官网：http://www.cutterman.cn/zh/cutterman
注意：Cutterman 插件要求你的 PS 必须是完整版，不能是绿色版，所以大家需要安装完整版本。

附：常见的图片格式

①jpg图像格式：JPEG(JPG)对色彩的信息保留较好，高清，颜色较多，产品类的图片经常用jpg格式。

②gif图像格式：GIF格式最多只能存储256色，所以通常用来显示简单图形及字体，但是可以保存透明背景和动画效果，实际经常用于一些图片小动画效果。

③png图像格式：PNG格式是一种新兴的网络图形格式，结合了GIF和JPEG的优点，具有存储形式丰富的特点，能够保持透明背景。如果想要切片成背景透明的图片，请选择png格式。

④psd图像格式：PSD格式时Photoshop的专用格式，里面可以存放图层，通道，遮罩等多重设计稿。对与前端人员来说，最大的优点：我们可以直接从上面复制文字，获得图片，还可以测量大小和距离。

文章来源: blog.csdn.net，作者：十八岁讨厌编程，版权归原作者所有，如需转载，请联系作者。

原文链接：blog.csdn.net/zyb18507175502/article/details/123597253