首先我们要用到的切图工具有两个,一个是切片工具,另一个是切片选择工具。左边有个小按钮,你按住它这三个选项就会显示出来。

技巧一:等分切图
① 用切图工具切出整个的切片,如下图,右键,选择“划分切片”

② 出现如下图中窗口,可进行水平划分和垂直划分,此货架选择“垂直划分”,并进行设置,设置完成后,点击确定。

③ 切好图之后就到最重要的步骤了,如下图所示,选择文件下面的“存储为WEB 和设备所用格式”,最好记住快捷键(alt+ctrl+shift+s),如下图

④ 图片格式为JPEG。关键是品质的设定,品质设的越小,它的大小就越小,但是如果品质太差,图片会变模糊,我一般情况将品质设置80,既保证图片较小也不会模糊。这个数值由你自己设置,是大是小,具体看你的需求。如下图

⑤ 格式选项根据自己需要选择,这里选择图像。如下图

⑥ 存好后得到一个图片文件夹和一个网页,如下图。就ok啦

技巧二:基于参考线的切片
很多人问,我的切片为什么切出分隔符,要不要管它,怎么切才不会出现分隔符,有人说是因为切片没有对齐没切好才产生的。然后我去实验了一下,得出结论:就是你丫的没切好嘛!!
① 先在你要切的地方拉好参考线
② 切换到切片工具,好不客气的点击“基于参考线的切片”,如下图
<图片③
切换到“切片选择工具”,选中你要合并的切片,选择“组合切片”8>

想怎么合就怎么合,切出来就是没有分隔符~~
④ 切完保存为web 格式,上文已说,在这不再赘述。
