切图，就是从效果图中把网页制作需要的小图片裁剪出来。
1、使用psd格式并且带有图层的图像切图
2、在图像上用切片工具切出需要的小图
3、双击切片，给切片命名
4、执行菜单命令 存储为web所用格式
5、点选切片，设置切片的图片格式
6、存储切片，选择“所有用户切片”，点存储(多个切片会存到所选文件夹中的images文件夹中)
雪碧图，就是将网页制作中使用的多个小图片合并成一个图片，使用css技术将这张合成的图片应用在网页不同的地方，雪碧图可以减少网页加载时的http请求数，优化网页性能。
步骤：
1、使用Photoshop新建一张背景透明的图片
2、将小图片复制到此图片中，排列好每个图像的位置，图片幅面不够可以用画布大小调整大小
3、按照所有小图片的范围裁剪图片，存为透明背景的png图片
3.3 photoshop批量切图技巧， 3.4 Photoshop制作雪碧图技巧
原文：https://www.cnblogs.com/LiuYanYGZ/p/12350463.html