1、在Adobe Photoshop CC中打开设计好的PS图片文件
2、按键盘快捷键Ctrl+R调出参考线功能
3、在标尺上按住鼠标左键拉出辅助线到相应位置
4、选择切片工具，或键盘快捷键C ，激活切片功能；点击基于参考线的切片，软件自动将辅助线条之间分割成若干切片（注：放大检查辅助线位置会更精准）
5、选择菜单【文件】>存储为web格式，调出web格式窗口
6、点击【存储】按钮，进入存储窗口
7、存储窗口中格式选择Html和图像，所有切片；然后保存
8、自动生成网页代码文件和图像；如图示：图片文件夹images和html代码文件。
在PS中打开你要切图的图片；
在左边的工具栏选择，切图工具，
然后就开始切图，切图就是把你的那张图片切成小的图片，记住一定要保证小图拼起来和原图一样（这里就要求你切图的时候，必须精确到像素最好是拉辅助线（快捷键CTRL+R就是辅助线了）来辅助切图），
切完之后，就点击左上角菜单栏：“文件——选择存储为web和设备所用格式”；弹出“存储页面”；点击“存储”；
接下来才是重点啊，切记不要按步就直接保存啦；点击下面的“格式”，选择“html和图像”；然后保存；
保存以后就生成了image文件和html页面两个文件夹，然后你点html那个页面；
最后你点击那个HTML文件，如果打开的和你的图片一模一样，那么说明你的切图是成功的，如果有细微的差别，那么就是前面的切图出现了问题，不够精细。
PS切图插入DW，是为了网页美工方便。其实比PS专业切图软件专门为 Dreamweaver准备的辅助工具，同样是Adobe公司产品，叫Adobe Fireworks，简称FW，下载这个来切图吧。360软件里能搜到，我的网盘还没有共享，所以你自己下载吧，序列号百度多多。
步骤如下：第一打开软件 文件- 打开所需要的图片。
第二点击左侧工具栏内 切片工具 ，
第三用该工具 切出你需要的部分，
第四 切完图片 可以查看，那个部分没有切好，可以按住Ctel键 用鼠标左键修改其大小
最后一步：
保存该切出来的图片以及网页
去掉 仅已选切片 选项（点击的话选择一张切图）所以去掉那个复选框
文件-导出 选择文件命导出的格式：网页和图片
切出来的图片命名可以在 《选项》里选择格式。
效果图：
