文章目录

• • • • 1.常见的图片格式
      • 方法1. PS图层切图
      • 方法2. 切片切图
      • 方法3.Cutterman插件切图(最简单、最好用的切图工具)

准备工作：一个非绿色版的PS软件，如果还没安装好PS的，建议在微信搜“软件安装目录”小程序，里面有大多数办公和编程的软件，重要是免费还是中文版，这里建议下载PS2020，这个不是绿色版。

1.常见的图片格式

1. jpg图像格式：JPEG(JPG)对色彩的信息保留较好，高清，颜色较多，适用于产品类图片。
2. gif图像格式：GIF格式最多储存256色，所以通常用来显示简单图形及字体，但是可以保存透明背景和动画效果，实际用于一些图片小动画效果。
3. png图像格式是一种新兴的网络图像格式，结合gif和jpeg的优点，具有储存形式丰富的特点，能够保持透明背景，如果想要切成背景透明图片，请选择png格式。
4. PSD图像格式是photoshop的专用格式，里面可以存放图层、通道、遮罩等多种设计稿，对我们前端人员来说，最大的优点就是可以直接从上面复制文字，获取图片还可以测量大小和距离。

方法1. PS图层切图

图层切图对应的图片格式必须是PSD格式图片，PSD图片是UI设计者给前端开发人员的设计稿，学会图层切图很重要。在浏览器找个PSD格式图片来学习切图。

1. 打开PS，打开PSD格式图片，与普通图片不同的是，软件右侧有很多图层：