ps怎么用裁剪比例裁剪详情页

切详情页？你是用裁剪工具一点点切吗？ no！ no！ no！ 图片太长无法上传，后台，可以 ctrl 加二，调入参考线，拖拽到想要裁剪的位置即可。如果想要切相同的高度，点击视图参考线，新建参考线板面，这里勾选行数， 调整参考线的个数，确定后找到切片工具，点上方这里给予参考线的切片。然后点击文件，导出存储为外部格式。点击图片， ctrl 加 a 全选，选勾 p 几格式， 每个切片大小最好控制在五百 k 以内，所以点击这里的优化文件，大小为五百，勾选每个切片，点击存储。瞧瞧，一张张切片就搞定了，真不错，我这还有三千多套详情页模板，不论你是做家用电器、数码 美妆、母婴美食等等，这通通都有，都是 psd 格式，里面的元素可以二次编辑，也可以直接拿来用，分分钟搞定一个设计，太酷了！

你知道如何在 ps 里面把详情页切割成这样的图片吗？首先 ctrl 加二调出标尺，然后按照每个部分建立参考线，位置不对的地方可以适当调整。接着使用切片工具， 点击上方的基于参考线的切片，就能沿着参考线把长图切开。最后选择文件导出 存储为 vip 格式，格式选择 jpet。 因为详情页大小在五百 k 以内，所以在选择这里的优化文件大小时，将大小调整为五百 k， 再勾选每个切片，点击确定，再点击存储文件保存，这样详情页就切割好了。学会，快去试一试吧！

怎么还有人用裁剪工具一点点切详情页啊？图片太长没法上传后台，记得先 ctrl 加 r 调出标尺，想自定义长度，直接把参考线拉到想要的位置即可。 如果想要相同高度，还可以直接来到视图新建参考线板面，勾选行数，调整数量和装订线，点击确定，再找到切片工具，点击上方基于参考线的切片，图片就被切开了。最后文件导出存储为外部格式， 点图片 ctrl 加 a 全选格式，勾 pg 详情页大小基本都要在五百 k 以内，所以我们点击小菜单优化文件大小改为五百 k， 作用于每个切片。点击存储一张张切开的图片就存好啦，你学会了吗？

没搞错吧，这切割详情页你用裁剪工具一个一个切也太慢了吧，那不然咋切？看好了就十秒的事。打开详情页， ctrl 加 r 交出参考线， 拖拽到想要裁剪的位置，建立参考线，位置不对的地方可以再适当调整一下。完成之后再使用切片工具，点击上方这里，继续参考线的切片，这样就沿着参考线把长途切开了。接着选择文件导出 存储为外部格式。由于详情页大小都要控制在五百 k 以内，所以我们点击优化菜单，选择优化文件大小，将大小改为五百 k， 再勾选每个切片，确定在存储文件，这样图片就切好啦。 如果你实在懒得做详情页，我这里还有一套详情页模板，家用电器、三 c 数码、母婴食品、美妆饰品等等，各行各业都有，全都是 psd 原文件格式，打开就可以直接编辑，想要的小伙伴扣一字体哦！

同学们好，我是白老师，那么这一节课呢，为同学们讲解一下这个如何用这个切片工具啊，制作这个宝贝详情图。 那么对于切片工具呢啊，同学们已经看到了，他和我们之前学习的这个裁剪工具啊，是在一块呢啊，那么这个切片工具， 那么他最主要的作用呢，就是可以把衣服图像切割成啊，很多份这个图像，然后进行保存， 那么在我们这个宝贝详情制作过程当中呢啊，经常利用这个切片工具啊，把这个啊多副啊，这个啊图像呢啊放到啊一个 比较长的啊，比较大的一个文件当中，然后呢进行切割，进行保存，那么这种方法呢啊，第一他可以使我们的这个宝贝详情啊，可以呢，就是一次性完成啊，不用这个啊，一张一张的做。 第二个作用呢，呃，他也可以呢，就是放到咱们这个宝贝详情当中之后呢啊不容易被人直接下载啊，如果说你是一张一张的啊进行上传的，那么这样的话呢，容易被盗图。而这一种呢， 他这个呢不是一张张的，因为切片呢，他不一定就是啊，就是一张一张的进行切除，有可能哈就是说 哎，那么这一张是啊一整张，那么下一张可能是一半啊，只是不完整的，但是呢整个的所有的这些图片连接起来呢，就是一个完整的啊图片 啊，所以说呢，我们今天啊很有必要把这种用切片工具制作宝贝详情的方法，一定要学会。好，那么现在呢，我先把呃需要进行 这个做成详情的这些图片啊，我先打开啊，好， 一张两张三四五六 七八啊，我把这些都打开， 那么打开之后呢啊，我新建一个文档，那么这个文档啊宽度呢？八百就行啊，八百啊，或者是七百五啊，七百九，这都可以啊，我们可以把它用在很多平台啊，比如说 啊，淘宝，拼多多啊，天猫啊都可以，那么我把这个高度呢暂时定义为五千啊，如果说不够呢，我们再添加啊。呃， 当然，如果说啊，我们这个啊就是高度太高了，我们可以用裁剪工具啊， 直接啊裁剪完成就可以了。好，我们点击确定，那么这时候呢，我就创建了啊，一幅这个宝贝详情的一个长图， 那么我呢现在就要把这些图片啊拖进去，那么在拖进去之前呢，首先我们把这个啊这些图片啊变成我们所需要的啊这个尺寸啊，其实呢，呃， 也很简单，用我们之前学习的学习的这个裁剪工具啊就可以了。好， 首先我们把这一张啊来进行一个裁剪啊，用这一张吧，那么这一张呢还是比较好看的啊。好，我们点击一下 这个裁剪工具，那么这个裁剪工具呢，我们直接把它设成为啊这个，那么在进行使用的时候说有一个非常简单的方法 啊，就是说我可以直接从这里，因为你不用去选择大小分辨率，直接输入就可以了啊，比如说我这里啊，因为宽度是八百这个长图，所以说我就输入一个八百 px， 然后呢高度 如果说这个高度不限制的话，那我这就输入一个零零啊，这个零也不要输上，直接清除。那么这个时候就表示什么呀？我创建了一个宽度，是啊，八百，高度是任意啊，这样的一个啊，彩切大小啊， 说宽度给他定了，就是八百，高度呢，我们不用定，这样的话，我们直接调整啊，他的高度就可以了。好， 好，然后呢调整好之后双击，那么这样子呢，就变成了一个 啊，宽度是八百，高度是任意的一个啊。图像我们彩切完成，我们看一下是不是点击图像大小 啊，宽度是八百，目前这个高度是六百啊，是可以的啊，所以说呢，我们直接就可以把这个图片啊进拖入到啊我们这个长图当中啊，放到这个长图里面，好，第一张拉过来，哎，我们看，那么这一张我们就算做完， 然后把它进行关闭，那么我可以呢放入第二张，同样还是用这种方法选择彩切，那么这个八百啊就不要动了，然后直接，然后根据需要来进行调节。 好，如果感觉可以呢，双击，然后选择拖过来，好，然后再翻过来，然后给他进行微调啊，给他一个间距 啊，我们再把这一张给他进行彩切啊，找到合适的啊，如果感觉可以的话啊，那我们 双击完成，然后选择移动工具拖到我们的长途当中。好，然后 我们再把这一张啊给他放进去啊，啊，这一张不要了，要这一张， 选择彩切工具，然后调整彩切的范围啊，选择移动工具拖到长途这里来。 好，然后呢我们把这一张关闭啊，这个时候呢，我们再来彩切这一张，好，夹着说， 我们稍微调整一下啊，好，可以，然后直接放到这里来， 好，让我们 然后放这一张，然后选择彩切，好的， 好，完成， 好过来啊，这时候我们发觉啊，那么这一张之后呢，不够了，没关系，我们可以呢使用，咱们这有一个图像，有一个画布大小，那么画布大小呢啊，我就可以呢选择 啊，比如说我可以呢直接啊点击向上啊，点击向上的这个箭头，这个时候呢，我可以再加上一部分，原来是五千吗？ 五千像素，是不是啊？我可以再加上一百啊，这样说成了把它成为五千一啊，这样再加一百像素，好 啊，这时候一看加五千一呢，还不够，没有关系，我们再加多加一点啊，所以说还是用选择画布大小，然后我们再点击啊，可以变成像素啊，比如说我加上五千二，好的，这时候我们看， 哦，还是有点小啊，我们再来，再来啊，再加上三百，好，我们点击啊输入像素 五千五，好的啊，这个时候我们发句，哎，那么这是音啊，显出来 这个背景了，好，有时候又多了，那怎么办？不用再调了，那我们可以呢直接啊选择 啊这个彩接工具，把多余的彩贴彩切掉就可以了。那么在做之前呢啊，我们也可以呢，就是看是不是需要把每一部分啊这个进行调节一下，尤其是他的间隔啊， 看是不是有点大呀，啊，我们可以呢进行调节大致的啊，好，我们来看，比如说啊，这个再调节一点，好啊，选择他第三个啊，就是这个间距啊，不要太大， 单击右键选择图层四，然后微调啊，就是方向键上下移动，然后我们再来 啊，像这种间隔比较大的，那我们就要给他进行调的小一点，好，再来。好的 好好，我们看没有了。好，那么这样的话呢，我们 ctrl 加零满屏显示哈，把它先关闭，不需要。 那么这样的话呢啊，如果说这个他们的间隔啊，你感觉可以了啊，然后呢需要打的文字也打上了，那么我们就可以呢先把整个的这个啊， 呃，因为下面这个有一个啊，多余的啊，这一部分这个空白，那我们给它去掉，还是用裁剪工具啊，点击一下，同样，那么我们 使用的还是啊宽度是八百，高度不限啊，这个时候啊，我们这样，然后双击好，那么这个时候我们看我们的图像大小是多少呢？八百乘以五千二百二十六。好的， 那么这个时候我们就开始使用这个切片工具了啊，我们看选择切片工具啊，就是这个啊，他的快捷键也是 c 啊，我们在之前的章节当中也介绍到了啊，如果说这个工具啊啊 他们快捷键都是 c 的话，那我们就可以怎么办呢啊，就可以这个用 shift 啊加 c 进行切换。好，那么选中它之后，我们啊啊直接在这个图像当中啊， 鼠标指向啊图像之后就单击右键选择啊划分切片选择。划分切片之后呢，这有一个水平划分啊，还有一个垂直划分 啊，垂直划分，比如说我们现在啊，呃，开始划分， 把它啊划分成多少个横向切片，比如说我想呢做成十张或者二十张，那你直接啊输入啊，比如说这个，我们输入这个啊，十个十张 啊啊，我这是垂直划分啊，我们要选择水平划分啊，是十张， 那么十张的话每一张下面我们可以看到哈，那么水平哈，水平划分啊，不要选择错了，然后是五百二十二，就说像素，每一个像素的高度是五百二十二啊，当然我们也可以呢， 所以说我们变成八个啊，八张我们可以看一下，那么就成这个样子了，这是八张啊，我们根据咱们的需要，比如说我们就做八张吧，好， 从这里我们已经看出来了，实际上很简单啊，这个时候我们就需要进行存储了啊，那么在这个文件里面有一个存储为 vibo 所用格式啊，我们打开， 打开之后，当然首先我们还是要选择咱们的啊，文件格式，保存格式，我们还是选择 jpg 格式， 然后这个啊，我们图像的品质呢啊，我们就选择非常高或者是高啊，我们可以看一下啊，当然我们选择非常高，这个就可以的啊，然后，呃，这里啊，这个数值一百七十八还是可以的，我们点击存储， 在存储的时候哈，最主要的是这里，那么在这里我们把它选择什么呢？哈， 啊，我们在这里啊，呃，他的文件名，我们可以起一个名字啊，但是我们把它存到什么吧，还是存到，呃，咱们的这个 书籍电子商务里面也可以哈，还是存到这里面，然后起一个名字哈，起个名字，比如说叫电商啊，好， 电商，哎，这个名字啊，你可以随便起，只要是这个容易记就可以了。 关键的一点是什么呀？啊？切片，这里有一个所有切片，当然你选择所有切片也没有关系，因为咱们这里啊，这个切的啊，是非常这个什么标准的，你选择所有切片也可以，当然你可以选择所有用户切片啊，也就是说我们啊可能就是说 呃一些边缘啊啊或者那些呢，我们都不会不要被保存，只是保存我们所需要的，所以说这叫用户切片啊，一般我们存储为所有用户切片就可以了， 然后我们点击保存就可以了啊，好，我们保存到了书籍电子商务这个文件夹里面了啊， 好，点击确定完成，这个时候呢我们就可以打开我们的一盘下来看一看 啊，书籍电子商务哈在里面我们打开，那么这个时候呢就出现了一个啊 images 啊这个图片文件夹 啊，我们打开之后我们就可以看到啊，电商零一，电商零二一直到电商零八， 那我们就可以把这八张图片啊这个上传到我们这个什么呀啊电商啊那个平台的图片空间里面，然后再进行发布商品啊就可以了。 那么这样的话呢，我们可以看哈这每一张图片啊，同学们也可以看到了， 其实每一张图片都是不完整的啊，那么可能就是别的啊，这个同行要想在下载的时候可能就要费点劲啊，如果说你是一一张一张的，他可能直接下载下来啊，处理一下就可以使用了 啊，呃，那么再一个呢，呃，这种方法呃也很快捷，并且呢你看他的排列也是很有顺序啊， 好了，同学们，这就是我们使用这个啊切片工具啊，呃，建创建啊，这个宝贝详情的一个制作方法你学会了吗？

大家好，我是小样，今天给大家分享一下产品详情页是如何切图的，我们设计完产品详情页之后，得到的是一张非常长的图，像我们这个详情页一样 就非常的长，那如果将这么长的一张图上传到我们的店铺，那加载速度是非常慢的，同时呢，很多电商网站对详情页的高度也是有限制的，如果你超过了他的限制高度就会上传不了， 所以我们设计完详情页之后，需要对详情页进行一个切图。切图呢我们一般使用切片工具，快捷键呢是 c， 我们按一下快捷键， c 跟裁剪工具呢是同一个快捷键，我们可以长按裁剪工具好，在这里面选择切 片工具。好，如果用快捷键的话呢，我们直接按 shift 加 c 进行切换就可以了。好，我们这里面手动点击一下切片工具， 切换到切片工具之后呢，我们就可以直接右键选择划分。切片 好，我们可以直接通过水平划分来切图，点上水平划分， 你想把这张图切成多少张图，就可以在这里面直接输入一个图片的数量，比如说我们想把这个图切成十五张，好，我们就可以直接输入十五就可以， 我们可以在下面看到每一张图呢，他的高度就是一千零四十七，好，每一张图呢都是平均 分割的，所以除了高度，像素都是一致的。那如果我们需要固定像素进行切图的话呢，我们就可以选择下面这个选项，直接输入我们需要的一个像素值就可以， 比如这里面我们给他设置到一千像素，直接输入就可以， 输入完像素值之后，我们在上面就可以看到我们这个长图呢，就被切割成十六张小图， 前十五张呢像素肯定都是在一千像素的高度，那只有最后一张图呢，他的像素值肯定是低于一千像素的，除非我们这个长图的像素值正好是一万六千像素。好，那他是完全的平均下来是一千像素， 但凡没有这么精准的话，他最后一张图的像素只是肯定是要低于一千像素的，这个就是水平切图的一个方法， 这种方法呢切图切出来比较平均，但是呢他切完图之后呢，我们可以看到把我们的一些板面都给切分开了，这在我们上传或者后期进行维护都不太方便， 所以呢我们正常切除的话呢，是不会使用这种方法的，但是这种方法呢在特殊的情况下可能会用得着，所以我们也给大家讲一下这个方法，大家知道就可以了，我们取消。 那么我们来看看我们正常切图的话是怎么来操作。我们正常切图呢是会根据我们设计的详细板块进行切图。 好，我们把我们这设计的每一个板块好完整的给他切下来。好，这样呢他比较方便我们后期进行一个维护。那么我们切图的时候呢，就可以借助辅置线来进行切图， 首先我们从上面拉一个辅助线，好放在我们这个每一个板块的切面上，好，就是你想要从哪里切，你就把辅助线放在哪里。 我们 的时候也要注意啊，我们这个板面呢也不要太长啊，一般不要超过一千五百像素，我们尽量把它控制在一千像素左右。 好，所有辅助线拉完之后，我们看切片工具的选项里 有一个基于参考线的切片，我们把这个点击一下。好，我们看看，我们现在这个图就已经被我们给切割了，一共被我们切割成上十四张图。切完之后呢，我们按 ctrl c 的加 s 进行导出， 在格式这里面呢，我们选择 gpeg 格式，然后在质量里面呢，我们选择最佳， 或者选择非常高，保证他的品质在八十以上，他都是比较清晰的。好，我们现在网速基本上都是非常快，所以呢，我们 为了保证他的最高清晰度呢，我们就选择最佳。其实加载也是没有问题的，那在以前网速不是特别快的情况下，品质都设置的百分之六十左右，以我们现在的网速呢，百分之百是没有问题的。 好，其他的都不需要设置，我们直接存储好。确定好，我们看一下我保存完的图。 好，这就是我们裁剪之后的一个图片，我们可以看到好裁剪的都是按我们那个板面进行裁剪的，我们可以 预览一下是不是每一个板块都非常的完整，这样比较方便我们预览以及我们后期的一个维护。那今天的分享就到这里，我们下节再见。

设计好的详情页怎么切图？把设计好的详情页导成一张 gps 图片，拉入 ps 中， 如果详情页太长的话，要把它。嗯，裁剪成几段，这个详情页就太长了，所以我们先得选裁剪工具，把它裁剪成三段再来切， 然后用标尺工具 画参考线。这个参考线呢，是用来 切图的，你想从哪里切就把这个线画在哪里。 这个这个，这个裁剪工具还不太行，这没裁剪好。 参考线画好之后的话，就点这个切片工具， 然后点基于参考性的切图，点完这个图就已经切好了。点文件，然后点导 出，选这个，从上往下走。第四个存储为 verbal， 使用格式，点确定， 点存储，点保存，点确定。我们回到文件夹里面看一下这个第一部分切的图已经切好了， 然后回到 ps 软件中，点 ctrl l z 返回，点一直点， 直到，直到返回到原 图的位置，就是没有裁剪的一个状态。然后再来第二次裁剪，点裁剪工具 踩到这个位置，因为我们刚才就是踩到这个位置。 点确定，下面再裁一下，因为下面太长，这个图太长的话， 嗯，切出来的图它宽度像素不到八百就会比较模糊， 倒到来这里。 点确定， 再用这个参考线工具拉到想切的位置， 想从哪里切就点到哪里就拉到哪里。 好，然后再重新点这个切片工具，点击与参考线的切图同样的步骤，文件导出存储为这个格式， 然后再点存储物可以放他的里面，点保存 好。第二部分的切片也切好了，再继续 返回， ctrl alt z 一直按点点点返，返返好，又返回到最开始的状态。嗯，再点裁剪工具， 然后来第三次切图，第三次切图 拆剪到这个位置，点确定，再用参考线来拉这个切的这个位置点可以 再点切片工具 g 参考线的切图，点文件导出，还是称之为这个格式， 然后再点存组，还放在这个文件夹里面， 点保存。哎，替换我，我们再重新命一下名存储。嗯，另一对 点保存， 确定好，然后返回文件夹， 这样所有的图都切好了。

你明天别来了，让你切割详情页，你用裁剪工具一个一个切，那我后天再来，少来。这套 ps 中打开详情页， ctrl 加 r， 调出参考线，拖拽到想要裁剪的位置，建立参考线，位置不对的地方可以适当调整一下。完成之后再使用切片工具，点击上方这里急于参考线的切片，这样就沿着参考线把长途切开了。 接着选择文件导出，存储为外部格式。由于详情页的大小都要控制在五百 k 以内， 所以我们点击优化菜单，选择优化文件大小，将大小改为五百 k， 再勾选每一个切片，确定再存储文件。这样图片就切好了。哎，等等，我这里还有三千多套详情页模板，无论是服装类、数码 类、母婴类、美妆类、食品类，还是双十一、双十二、六幺八等专题页，各行各业都有，全部都是 psd 原文件格式，打开就可以直接编辑。需要的小伙伴扣一字体吧。

像这种剧长的详情页，根本不需要一张一张裁剪。第一步， ctrl 加二，调出标尺，然后从标尺中拉出参考线，放在每个页面截断的地方。 第二步，选择切片工具， 点击基于参考线的切片。最后一步，点击文件导出存储为 web 所用格式旧版 点击图片 ctrl 加 a 全选，点击小按钮，选择优化文件大小，大小五百 百当前设置每个切片，然后就会发现已经分割好了。

做好的详情页面，不要直接去往电商平台上去上传，这个太长了他会加载不出来，那我们要给他进行切图，切图的方法有两种，一种是我们用参考线拉手工的去切每一条，你想切到哪里拉参考线？ 要这种横向参考线啊，不要拉竖向的，调整一下。 好，这个时候发现了吗？我们已经手动的给他拉了这么多参考线了，这个横线有了之后，我们在这个剪切 下面找到切片工具，点击上方基于参考线切片，点击确定，他就出现了好多片到这十三张，然后选择文件导出，导出为答 l e b 外部所用格式啊，点击点击，然后在这个地方选择 g p e g。 正常的时候默认首先出来的是 g i f 啊，我们要给它剪成 g p e g。 如果你的这个 电脑以前没有用过，没有用过这个功能的话啊，你去把这个图片缩小，把这个图片缩小每一个点一下，看一下他是不是都是 这个 gpeg， 然后这个品质选成最佳。最佳不要去搞什么非常高呀，现在新版叫做最极好，或者叫最好，对吧？一定选最好的那个模式啊，现在叫最佳。我这个是二零二零的版本， 版本不一样，你看把这都选一下啊，都选一下，都选一下，看你选上和没选上不一样的啊。选选，确定一下，看下边，没选上的看选上吧，这几个 全部选上，然后把这个地方勾选为最好最佳，然后这品质就变成百分之百了。这个地方是 gpeg 啊，然后存储，存储到哪里？刚才那个文件夹里面，刚才咱们那个文件，因为我们是要给他去做的吗？ 找一个文件夹回来啊，鞋子在这个里面点击存储，点击确定 ok， 看到吗？之后回到这个里面，他会得到一个 image 的文件夹，这个里面有十三张图，这就是我们切好的图片，也可以。 然后第二种切图方法，我们不拉参考线了，我们这个地方是切片工具，然后我们的切片工具点右键出现有一个划分，切片在这啊，水平，水平就横着的吗？你想 切成多少片去输入数值？比如我想切成十二片， ok， 他就给我切了十二片，告诉我每一片是一零八三像素，看到吗？这有片片，每一个都给我切好了，这个每一个，这样切的一个好处就是每一个一样大， 但是也有一点就是他可能从画面中间去帮我们切开了，预览的时候不好看，但是传上去效果是一样的，因为他自动就把那个缝对齐了，你也可以改成，哎，十三个，你看十三 看变成一千了，这个地方的数值根据你的实际情况去调整啊，然后和刚才的方法一样，切完之后，哎，我们导出外部所用格式，然后检查我们这边的设置啊，百分之百的品质最佳 gpgg， 然后这个都检查好了，没有问题了， 我这现在也出现了一个，第一个是没问题的，后边他是非常高，他根本就没有变回来，有的时候会出现这种情况啊，一定要注意检查一下，细心一点，耐心一点。哎，给他检查一遍， 看这个地方全是非常高，改成最佳，改成最佳。别，你做的时候图片很好，为什么传的时候像素就丢掉了，小细节要注意，然后点击存储，存储到一个位置，因为刚才我们又存过一遍了，所以我们要区分开啊，把它点击保存啊， 回到我们的文件里面去看一下这个一般这是新的，也被存了十三张图片，然后这个是应每一个都一样大的， 他俩存法不一样，你喜欢用哪个方法都可以，我是喜欢用自己画线，因为这样的话我感觉，哎，我的每一个图片都是比较完整的。这种切法哈，切片是做电商详情页很重要的，不然你给客户这么一大一图人家怎么穿？

谁切割详情页？用裁剪工具一个一个切啊，你可真是个大聪明，别打扰我，我还得加班剪呢， 十秒就能搞定，加啥班？先 ctrl 加 r 调出标尺，然后按照每一个部分建立参考线，位置不对的地方可以适当调整。再使用切片工具，点击这里的基于参考线的切片，就能沿着参考线把长途切开。接着选择文件导出存储为 web 格式， 格式选择勾 peg。 由于详情页大小都在五百 k 以内，所以我们在选择着你的优化文件大小，将大小调整为五百 k， 再勾选每个切片，确定后点击存储文件，这样图片就切好啦。 如果你实在找不到详情页，我这里还有一套详情页模板，美妆、食品、服装、家电、数码、旅游等等，各行各业都有，还都是 psd 文件，打开后就能直接修改，想要的小伙伴扣个一二三带走吧！

两千块招来的美工还在这一张一张截图来切割详情页，这样可以摸鱼，我看你是不会吧！ ps 里先沿着每个模块创建参考线，以便于下一步操作，位置不对可及时调整。完成之后再选择切片工具上方工具栏，这里 点击基于参考线的切片，这样就沿着参考线每个模块都切开了，然后执行文件导出，存储为外部格式 图片，这里 ctrl 加一全选文件格式，选择 gpej。 详情页的大小都要控制在五百 k 以内， 点击这里选择优化文件大小，文件大小设置五百 k 使用于每个切片，确定存储文件图片就切好了。我这里还有三千多套详情页模板，无论是食品类、 数码类、美妆类、双十一、双十二六幺八等专题页，各行各业都有，还有电商相关的主图，并且都是 psd 原文件格式，打开就可以直接编辑，需要的一二三带走吧。

像这么长的详情页，你不会还在截图一个一个切割吧？告诉你个简单的方法，首先沿着每个模块拉一条参考线，位置不对的地方可以再调整下整体，拉完后再选择切片工具。 相片这里点击基于参考线的切片，就沿着刚才的参考线每个都切开了。然后选择文件导出存储为外部格式图片，这里 ctrl 加 a 全选文件格式，选择 jpej。 详情页的大小基本都要控制在五百 k 以内，我们点击优化菜单，选择优化文件大小，把文件大小设置为五百 k， 这里选择使用每个切片，确定再存储文件，这样打开文件就全部已经切好了。关注我，解锁更多小技巧！