网页设计如何做切片

网页的打开速度与服务器的响应速度和网页的大小有关，如果图片太大，加载时间太长。所以在此情况下，如果用网页切片，会提高网页的加载速度，增强了用户体验。下面赣州天琥设计培训学校为大家分享网页设计怎么做切片，希望为大家带来帮助。 首先，打开PS软件(为了方便书写，后边的photoshop一律简写为"PS") 在较上层的菜单栏选择“文件”→“打开”→选择要做切片的图片 (也可以直接使用快捷键：ctrl+o) 然后再左侧找到下图所示的“切片工具”图标，左键长按一秒左右，会出现下图所示的子菜单，选择第二项。 这时候原来的鼠标指针会变成切片刀的样子，然后鼠标左键点击图片左上角并开始拖拽，注意这期间不要松开鼠标，拖拽出来的形状就是你的一个切片了，切片的左上角有个数字的标示。有几个切片就会有几个数字~ 这样手动切片就完成了，你可以不局限于总左上角开始，甚至你可以从中间开始拖拽~PS会自己帮你在周围做好切片~像是下图这样。 (蓝色数字是手动切片，灰色是ps自动生成的切片) 做好切片后，在首行菜单栏选择”文件“→”存储为WEB和设备所用格式“，进入保存切片的对话框。 在保存页面，选择保 详细