网站设计与前端开师讲究的就是效率、快。那么当网站页面的设计师将所有网站的页面设计完成后，接下来就是网站前端用代码的实现，为了追求效率，就需要提高对设计页面中的所有图片进行保存，而且是快速的保存，下面就教大家两种快速在PS中保存设计页面中的图片的方法：
工具/原料
1
图片、页面编辑工具PS；
2
编辑人员。
方法/步骤
1
用PS快速保存网站页面设计图中的图片有两种方法：一、使用PS的切片工具进行保存；二、使用PS的图像资源功能。
2
使用PS的切片工具保存图片的方法：打开PS（无论是什么版本的PS），正确的找到里面的“切片工具”
3
选择好“切片工具”后，就要选择页面中想要保存的图片了。当该图片出现完全选中的条件下时，就可以去选中下一种图片，可以将所有页面的图片依次选中。
4
选中所有需要保存的图片后，接下来就是保存用“切片工具”选中的所有图片，快捷键：Ctrl+alt+shift+s。选择所保存选中的切片即可
5
选择“选中的切片”进行保存后，就会在对应文件夹种生成一个images文件夹，保存的图片全部都在这个文件夹了。
6
使用PS的图像资源功能：正确的找到PS中的“图像资源”功能，找到该功能的步骤：打开PS——文件——生成——图像资源，将图像资源 功能打上勾
7
选中所需要保存的图片的图层，然后将名称后面加上图片的格式：如.png，然后敲回车。
8
那么图片就会保存在该psd所在文件夹的平级的“psd文件名-assets”，图片就会一一的保存在该文件夹中。
注意事项
1
个人觉得使用“图像资源”功能更方便；
2
追求的是效率，快、准、狠。
上一篇：PS切片工具怎么用，怎么保存图片