图片的切片.docVIP

图片的切片、保存、拼合 一. 图像切片步骤： 1.进入ImadeReady系统。（Photoshop 自带的配套软件，网页功 能强） 2.打开文件：dcj.jpg 3.划分切片。 切片 |划分切片 显示对话框： 水平划分 纵向切片数 默认为 1,改为 6 每切片像素 默认值为图像的高480,改为 80 。 垂直划分 横向切片数 默认为 1,不变。 每切片像素 默认值为图像的宽640,不变 。 如果每片像素高度不相等，则应分片设置。 切片的显示和隐藏。 视图 |显示 |切片 或用 右键选择 切片。 4.存储优化结果。 文件 |优化结果存储为 |保存类型 默认值为仅限图象改为： HTML和图像（*.html）。 选择你自己的保存目录及文件名， 如 dcj.html 5.用浏览器进行预览。 文件 |预览 |Iexplore 应显示正常。 在浏览器中，选择： 文件 |另存为 清选择你自己的保存目录及文件名，如 dcj.htm 二. 图像拼合步骤： 1.进入ImadeReady系统。 2.打开文件：打开上述 6个切片文件（dcj_01.jpg，dcj_02.jpg,...dcj_06.jpg） 3.新建文件和图层。 按 Ctrl+N 建新文件，设宽为 640,高为 480， 按 Ctrl+Shift+N 建新图层。 4.划分切片 切片 |划分切片 显示对话框： 水平划分 纵向切片数 默认为 1,改为 6 每切片像素 默认值为图像的高480,改为 80 。 垂直划分 横向切片数 默认为 1,不变。 每切片像素 默认值为图像的宽640,不变 。 5.分别选取。 切换到分图 选取移动工具，选取“显示变换框”， 复制 ( Ctrl+A, Ctrl+C) 切换到大图 粘贴（Ctrl+V)。 或者用鼠标将小图直接拉到大图中，放好位置即可。 图层 |合并可见图层 6.拼合和删除切片。 切片 |组合图片 。 切片 |删除 。 将大图切片，是为了保证拼合的质量。 拼合好以后，就应删除切片，否则图片无法保存为网页所需格式。 7.保存文件。在 ImageReady 中，保存文件一般为 .psd 格式。 这时选择 文件 |转到 PhotoShop 中编辑 在PhotoShop 中，可以选择：图层 |合并可见图层 文件 |保存为Web页格式 然后选择jpg 格式。HTML文件图象及脚本： 格式: JPEG 尺寸: 640w x 480h 大小:60.2K 图像: 6 设置:品质为60, 非连续的, 优化的打开 html head titledcj/title meta http-equiv=Content-Type content=text/html; charset=gb2312 /head body bgcolor=#FFFFFF leftmargin=0 topmargin=0 marginwidth=0 marginheight=0 !-- ImageReady Slices (dcj.jpg) -- table id=Table_01 width=640 height=480 border=0 cellpadding=0 cellspacing=0 tr td img src=images/dcj_01.jpg width=640 height=80 alt=/td /tr tr td img src=images/dcj_02.jpg width=640 height=80 alt=/td /tr tr td img src=images/dcj_03.jpg width=640 height=80 alt=/td /tr tr td img src=images/dcj_04.jpg width=640 height=80 alt=/td /