切片工具怎么用

【知识小节】：切片分两种，一种是用户切片，就是用户用切片工具在图象上拉出来的切片，另一种就是衍生切片，是由用户切片衍生出来的。

【切片名词】：在切片名称上名击选编辑切片，会弹出来了个对话框，具体如下切片类型：图像，指这个切片输出时会生成图像，反之输出时是空的名称：为切片定义一个名称URL：为切片指定一个链接地址target：在哪个窗口中打开x,y指切片的左上角的坐标，w,h指切片的长度和宽度，你可在自己定义节的长和宽。

【切片工具的作用】：1、可以缩小你同样大小的图片像素，让你在相同的网速下网页加载速度更快，其次现在可以帮助很多淘宝卖家装修店铺的自定义模块，省去了DW软件的应用，轻轻松松地在一个图片上加上多个图片两件，做出更多个性的自定义模块，让店铺更漂亮，省去买模板的费用，随时随地更换模板。

切片工具主要是将PS里制作的图片切成多块，加快在网页中的上传速度。

PS切片工具的使用方法：

工具/原料

电脑 pscs5

方法/步骤

1、首先，打开PS进入。

2、打开一张图片。

3、右击左边工具栏上的”切片工具“，弹出菜单选择“切片工具”。

4、鼠标变为小刀，在图片上拖拽，即可出现要切除的区域块。

5、点击”文件“，点击”存储为WEB和设备所用格式“。

6、弹出界面，根据图中操作即可，点击”保存“切片完成。

目前由于互联网的网速各不相同，所以大家在下载网页上较大的图片有时会比较慢，那么怎么才能让大家下载大图片时速度提高呢？那就需要网页制作人员利用制图软件当中的切片工具来对较大图片进行裁切，这样才能让大图片切为几个较小像素的图片分开下载，当然速度就随之提高了。

切片工具分为两个小工具，一个就是叫切片工具，另一个叫做切片选取工具，那么这两个工具到底有什么不同的呢？切片工具可以把一张图片切为几块，其中用切片工具选取出来的那一块叫做用户切片，其它的叫做自动切片，切片选取工具就是可以移动用户切片的一个工具，光移动了用户切片以后，其它的自动切片也会随着发生改变…… 本视频教程采用的是AVI格式，电脑未安装TSCC插件是无法播放的 [立即下载]视频较大，请稍等片刻！上：切片工具的使用方法下：切片选项的使用介绍。

在网页中处理图片时，有时会想要加载一个大的图像，比如页面上的主图，或者是背景。如果文件很大，它加载的时候需要的时间就会长，尤其是用户网速比较慢的时候。你可以通过压缩来减小文件大小，但是这会使图像质量受到影响，压缩文件也要适可而止。因此你需要注意以下几个问题：一是实际文件的大小；二是分辨率；三是压缩。

解决这个问题的方法就是把图片分割，它将允许你在加载图片的时候可以一片一片地加载，直到整个图像出现在你的屏幕上。

1 它的使用原理

首先概述下它的工作原理，当你有一个需要花很长时间来加载的大图像时，你可以使用Photoshop中的切片工具把图像切成几个小图。这些图像将被作为一个单独的文件保存，还可以进行优化通过保存为中Web所用格式。

此外，Photoshop生成HTML和CSS以便用来显示切片图像。在网页中使用时，图像通过使用前面提到的HTML或CSS在浏览器中重新组合以便达到一个平滑流畅的效果。下面是一个关于图像切片的例子。

2 切片的基础知识

为了简单起见，我们只在一个图上使用切片工具。在这个例子中，我使用的图片大小为960 x722px。在我们开始之前你需要了解一些知识：

a.在创建切片时，你可以使用切片工具或构建使用层。

b.切片可以选择使用选择工具来选中。

c.你可以移动它，设置它的大小，还可以让切片与其他切片对齐。而且你还可以给切片指定一个名称，类型和URL。

d.每个切片都可以通过保存时的网页对话框进行优化设置。

按下键盘上的C键，选中裁剪工具，右键选择切片工具。

当您创建切片时，你可以进行如下三个样式设置：正常，固定长宽比和固定大小。

a.正常：随意切片，切片的大小和位置取决于你在图像中所画的框开始和结束的位置

b.固定长宽比：给高度和宽度设置数字后，你得到的切片框就会是这个长宽比

c.固定大小：固定设置长和宽的大小

当分割图像时你会碰到一些选项。如果精确度不那么重要时，你可以手工切片图像，必要的时候，可以使用切片选择工具对已完成的切片图像进行调整。如果精确度很重要，可以使用参考线在图像上标出重要的位置。

在顶部的切片菜单栏，点击C或切片工具激活它片上面菜单栏图片，画好参考线后选择基于参考线的切片的按钮。

它就会自动为您绘制切片。你还可以使用切片选择工具重新定位切片。

ps切片工具怎么用？我们在制作网站的时候如何把做好的效果图转成网页格式呢？这里就有很多方法，如果是比较复杂的网页就需要用手动来切图。如果不是很复杂的可以直接用PS自带的切片工具来切割。

最终效果

步骤/方法：

1、打开要分割的图片，点工具栏的切片工具，选择切片工具——划分切片（这里我们假定将一张原图平均分为12张小图）。

2、将划分切片的水平划分为4，垂直划分为3，点好后出现12个等分的图片。

3、将图片划分好后，我们点工具栏最下面的键计入IR状态下编辑图片。

4、直接点文件，将优化结果储存为HTML格式。

5、保存在电脑桌面或其它文件夹，会出现一个HTML格式的网页，我们打开另一个文件名为Images的文件包，里面就是我们刚才分割好的小图片。

6、我们打开这些小图时会返现默认为索引颜色，这时选择菜单：图像 >； 模式 > RGB颜色就可以对这些小图片进行处理了。

创建切片的方式通常有两种，一种是根据参考线进行切片。这种切片方式比较精确。另一种是用切片工具直接在图像中进行切片。这种方式比较灵活，但切片的位置和排列不够精确。

根据参考线进行切片

选择菜单栏中的视图标尺命令，或按键盘上的ctrl+R键，在图像窗口上方和左侧显示出标尺。

从上方或左侧标尺处开始将鼠标拖曳至图像窗口内适当位置松手，即可创建出水平或垂直的参考线。创建水平参考线时要注意垂直标尺的刻度，创建垂直参考线时要注意水平标尺的刻度。

在工具箱中选 择移动工具，将鼠标光标移至参考线上，当鼠标光标显示为双箭头时拖曳鼠标，可以调整参考线的位置。将鼠标光示移至参考线上，当鼠标光标显示为双箭头时，按住键盘上的alt键单击鼠标，可以转换水平参考线和垂直参考 线。将鼠标光标移至参考线上，当鼠标光标显示为中间有双线的双箭头时，拖曳参考至图像窗口外，即可删除该参考线。

在工具箱中选择切片工具单击选项栏中的基于参考线的切片按钮，即可根据当前图像中的参考 线创建切片。直接在图像中创建切片的操作比较简单，只要在工具箱中选择切片工具，然后在图像中拖曳鼠标，即可在图像中创建矩形切片。

下一章>>>更多精彩