网页设计切图（网页设计切图命名）

本文目录一览：

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

PS切图步骤：

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

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

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

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

5、导出格式设置为JPEG。

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

1、在Photoshop中打开设计稿，如下图：

2、选择工具板上的slice切片工具，大面积的色块单独切成一块，尽可能的保持在水平线上的整齐，切好的图如下所示：

3、在PhotoShop中选择file-save for web...来输出，这里要注意一些参数的选择：

4、接下来在Dreamweaver里建立站点：

5、在图示左边的site name中为站点起一个名字，如example然后在下面的local root folder中选择刚才导出的站点的文件夹：

6、重新制作页面表格，通常在photoshop中直接导出的htm文件是不可以直接使用的，因为有些地方在实际运用时要作调整：

7、根据这个页面表格所示，在新的页面中建立一个三行一列的表格，把cellpadding,cellspacing,border三项值设为0，不然会有空隙，最后选择表格，背景添加图片即可。

网页切图怎么做，网页设计切图的方法。

如下参考：

1.打开PS，点击切片工具，如下图所示。

2.点击切片工具，可以将图片切割成所需的大小，如下图所示。

3.剪切图片后，点击导出特殊网页使用的格式，如下图所示。

4.输入属导出web的格式页面，并按住shift键选择所有部分。

5.导出格式设置为JPEG，如下所示。

6.最后，单击save存储，如下图所示。

网页设计切图（网页设计切图命名）