下载掌阅APP，畅读海量书库
立即打开
切片是网页制作过程中非常重要的一个步骤，切片正确与否，往往会影响网页的后期制作效果。实际工作中，一般使用Photoshop对网页效果图或者大幅图片进行切割，正确地切片会给网页呈现带来积极、正面的影响，比如减少网页加载时间、优化图片效果等。
有时候，网页中会包含较大的banner图片（banner图片广告是网络上常见的广告形式之一，也称网幅广告、旗帜广告、横幅广告等，banner图片的尺寸多为468像素×60像素，一般使用GIF格式的图像文件，可以是静态图像，也可以是用多帧图像拼接成的动态图像）或者背景图片，使用浏览器观看、下载这样的图片，往往需要消耗很长时间，会给用户带来负面体验。制作网页切片很好地解决了这个问题，使用浏览器观看、下载图片的时间大大缩短，提高了效率。
一般来说，一张完整的图片只能有一种格式，JPG、GIF、PNG、PSD、BDF或者其他。只有一种格式的图片优化时只能优化为另一种格式，但网页切片出现后，用户可以先将一张大图分割成很多小图，再将不同小图保存成不同格式的图片，并进行有针对性的优化。这样既能保证图片质量高、占用内存少，也能提升网页加载速度。
如今，大多数公司制作网页是有分工的，一般分为两个环节，美工和编程。美工先设计效果图，编程人员再使用Photoshop中的切片工具将完整的设计区域切分成数个小区域，这样，使用Dreamweaver软件设计网页的时候，就可以将使用Photoshop切片工具切出的图片插入Dreamweaver软件了。这一过程，要使用DIV+CSS布局。
如果根据表格进行布局，直接使用Photoshop切片工具导出网页就可以了，不需要进行额外的操作，但是现在使用这种方法的人很少，因为DIV+CSS布局已经成为主流的布局方式了。
在Photoshop中使用切片工具对图片进行切片，对后续的网页制作来说有什么意义？
___________________________________________________________________
___________________________________________________________________
___________________________________________________________________