每日一技:PS切片工具解析与运用——第十五讲

admin2023-11-02电脑技术浏览:114

1.图样:

切片工具

2.作用:将一幅大图切割成多块小图以避免网页一次性加载出图等待时间过长的问题,可以达到边浏览边加载的效果,从而提升浏览体验

注意:图片并没有被真正切断,理论情况下,加载完成后还是一整张图

3.使用方法:选择切片工具—利用框选的方式对图片进行切割

将图像从上到下切割成若干部分

4.切片后的保存:文件—存储为web所用格式弹出对话框(见图1)—对每一部分切片进行设置—存储(存储格式一般为HTML和图像,见图2)

图1

图2

注:存储后,系统会自动生成一个HTML文档(见图3)

图3

附:生成的HTML文档如何使用:

在编写代码制作网页时,可将该文档中的代码(见图4)拷贝至网页代码中

图4

热门文章