用ps切割大图片及其贴图

切割大图片在网页制作中是为了.加快显示的速度,由于论坛上传文件的限制.在贴图中也可采用切割大图片,将一个大图分割成几个小块再经代码处理以显示完整的图象.

现分三部分讲解:

一 用ps制作图片及图片的分割

二 图片的上传

三.贴图代码的运用.

一:用ps制作图片及图片的分割

用ps新建图片大小,尺寸设为宽999  高1500象素.为什么要选用宽999  这是为了便于在第三部分代码中识别其所在的位置(当然也可以设为宽1500象素,为了方便理解贴图代码.故本教程图片尺寸大小设为宽999  高1500象素,不同大小的图大家可灵活调整欲讲到的三部分码所涉及的数值.

1  在图制好后合并所有的图层,选择工具箱中的切片工具,然后用鼠标的右键点击图层,此时出来这个对话框,点击:划分切片

此主题相关图片如下：
 

因第三部分的代码设定的表格为6个,故在对话框中我们设定水平划分6 .(垂直划分:0)-------确定.

 

2 点ps最左上角的"文件"   存为 web格式

此主题相关图片如下：

接下来如图设置,点"存储"

此主题相关图片如下：

3,为便于找到切片图,你可以在e盘新建个文件夹,将"存储"放在新建的文件夹中,(也可直接存放到桌面), 我存放的文件夹及文件名文件类型如下图:

此主题相关图片如下：


点击保存

 

接下来打开你所建的文件夹,应看到一个images文件夹.一个为中年论坛aaa.html网页文挡.这两个东两是ps自动生成的.

打开images文件夹

此主题相关图片如下：

 

二 图片的上传

按文件夹的文件顺序编号依次上传到论坛

此主题相关图片如下：

得下如下6个图片的地址:

(待续)