1、打开你做好的的网页图片
![ps设计教程:[40]切片工具如何切割网页图片](https://exp-picture.cdn.bcebos.com/589f5b0788013870a85bac382d08a50f95fc83b2.jpg)
2、在你的网页图片上,要分割出来的部分,就点击左上角拖动到右下角,就会出现分割线,把需要的部分分割出来~
![ps设计教程:[40]切片工具如何切割网页图片](https://exp-picture.cdn.bcebos.com/95bd4e8c9bcec7f80f6dcb69034ce54a2e27fbb2.jpg)
3、接着用同样的方法切割其它部分~
![ps设计教程:[40]切片工具如何切割网页图片](https://exp-picture.cdn.bcebos.com/e40b3127e7ef2806e71b0469b840b6f39087f2b2.jpg)
4、还可以进行微调,鼠标拖动分割线的节点可以调整~
![ps设计教程:[40]切片工具如何切割网页图片](https://exp-picture.cdn.bcebos.com/b7b28f87031c99c03ce67732af2fa872951fedb2.jpg)
5、切割完成,点击文件——存储为web所用格式
![ps设计教程:[40]切片工具如何切割网页图片](https://exp-picture.cdn.bcebos.com/256eb672941fbee4adc066eac1237971ff1de7b2.jpg)
6、在新的窗口中可以设置每一个切片的格式,选择gif体积相对小一些,但是图片质量会底一点,需要清晰点就选择jpg格式或者png格式,但是体积也会相对大一些,这个看情况吧~
![ps设计教程:[40]切片工具如何切割网页图片](https://exp-picture.cdn.bcebos.com/359bee5e4a2379716307006c93196120a6cde3b2.jpg)
7、最后点击存储,选择HTML和图片,再点击保存即可
![ps设计教程:[40]切片工具如何切割网页图片](https://exp-picture.cdn.bcebos.com/19587f20a7cd0c6e58e89407fed7997bbaf4ddb2.jpg)
1、打开你做好的的网页图片
2、在你的网页图片上,要分割出来的部分,就点击左上角拖动到右下角,就会出现分割线,把需要的部分分割出来~
3、接着用同样的方法切割其它部分~
4、还可以进行微调,鼠标拖动分割线的节点可以调整~
5、切割完成,点击文件——存储为web所用格式
6、在新的窗口中可以设置每一个切片的格式,选择gif体积相对小一些,但是图片质量会底一点,需要清晰点就选择jpg格式或者png格式,但是体积也会相对大一些,这个看情况吧~
7、最后点击存储,选择HTML和图片,再点击保存即可