网页设计好后的切图是什么意思呢

html-css017

网页设计好后的切图是什么意思呢,第1张

切图就是把用设计软件设置好的图片切成相应的大小,切图后再把图片上传就可以可以加快显示速度,不用等整个图片都下载以后显示。

PS切图步骤:

1、打开PS,然后点击切片工具。

2、点击切片工具后,就可以把图片切成需要的大小。

3、切好图片后,点击导出web所用格式。

4、进入导出web所用格式页面,按住shift键把所有切片都选中。

5、导出格式设置为JPEG。

6、最后点击存储就可以了。

可以,把div

的大小设成和图片的大小一样

就行

也可以不改图片大小

但是如果图片比div大

就会看不到一部分

如果图片小了,会自动重复图片铺满整个div

可以设置repeat

让背景图片重复

div

一定要设

大小

不然div没有内容

就不会显示背景了

制作网页,很多的时候,首先要用图片处理软件制作出网页的效果图。效果图做好是一幅完整的图片,不可能把这一整张的图片都用在网页里。把效果图中有用的部分剪切下来作为网页制作时的素材,这个过程就是切图。

在PS中,用切片工具切图,然后切换到Dreamweaver(中文是梦想编织者,网页设计软件)里用的。因为如果一个网页里大图太多,影响下载速度,所以不知道谁发明的,把PS出来的图中的纯色部分和其他部分分开,到DW以后再上颜色。其实就是把一个完整的图,切成几片而已(主意不是图层),就叫切片了。这样一来如果你想把某个部分{片}设个链接,貌似很方便。

切图的目的就是更加精确的进行网页布局。

photoshop、fireworks等软件都带有切片工具。