大家好,欢迎来到IT知识分享网。
1.图样:
![每天学点儿PS—第十五讲:切片工具插图1 每天学点儿PS—第十五讲:切片工具](https://yundeesoft.com/wp-content/uploads/2022/11/2022112316405970.jpg)
切片工具
2.作用:将一幅大图切割成多块小图以避免网页一次性加载出图等待时间过长的问题,可以达到边浏览边加载的效果,从而提升浏览体验
注意:图片并没有被真正切断,理论情况下,加载完成后还是一整张图
3.使用方法:选择切片工具—利用框选的方式对图片进行切割
![每天学点儿PS—第十五讲:切片工具插图3 每天学点儿PS—第十五讲:切片工具](https://yundeesoft.com/wp-content/uploads/2022/11/2022112316405970.jpg)
将图像从上到下切割成若干部分
4.切片后的保存:文件—存储为web所用格式弹出对话框(见图1)—对每一部分切片进行设置—存储(存储格式一般为HTML和图像,见图2)
![每天学点儿PS—第十五讲:切片工具插图5 每天学点儿PS—第十五讲:切片工具](https://yundeesoft.com/wp-content/uploads/2022/11/2022112316405970.jpg)
图1
![每天学点儿PS—第十五讲:切片工具插图7 每天学点儿PS—第十五讲:切片工具](https://yundeesoft.com/wp-content/uploads/2022/11/2022112316405970.jpg)
图2
注:存储后,系统会自动生成一个HTML文档(见图3)
![每天学点儿PS—第十五讲:切片工具插图9 每天学点儿PS—第十五讲:切片工具](https://yundeesoft.com/wp-content/uploads/2022/11/2022112316405970.jpg)
图3
附:生成的HTML文档如何使用:
在编写代码制作网页时,可将该文档中的代码(见图4)拷贝至网页代码中
![每天学点儿PS—第十五讲:切片工具插图11 每天学点儿PS—第十五讲:切片工具](https://yundeesoft.com/wp-content/uploads/2022/11/2022112316405970.jpg)
图4
免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://yundeesoft.com/69083.html