PS切片存储为Web格式图像尺寸自动缩小(淘宝详情常见问题)

2018年10月9日19:20:49 评论 673

PS切片存储为Web格式图像尺寸自动缩小(淘宝详情常见问题)

我们都知道现在的详情页尺寸都是非常高,一般详情页的高度尺寸都在10000px左右,如果想要快速切成淘宝或天猫规定的尺寸,在这里我建议用参考线加切片的方式把图片一次性快速的存储出来。

PS切片存储为Web格式图像尺寸自动缩小(淘宝详情常见问题)

上图是通过快速建立参考线而创建的切片

 

具体方法如下:

PS切片存储为Web格式图像尺寸自动缩小(淘宝详情常见问题)

打开自己的详情页,然后选择菜单里的视图-新建参考线版面,弹出参考线设置对话框。

 

PS切片存储为Web格式图像尺寸自动缩小(淘宝详情常见问题)

上图设置根据自己的详情页高度来设置。

 

预设:这里可以把自己常用的一些尺寸设置保存起来,方便下次直接使用,不用每次去设置;

行数:数字代表参考线数量,也是切片的数量,高度就是每张图片的高度,这里要注意一下,手机端的详情一般是 1242px宽*1546px高,所以这里设置不要高于1546就行了。你可能注意到右边有一个小的黄色感叹号,这个是说明你的图片不足以设置这么多的参考线。

下面的“清除现有的参考线”最好是勾上,因为在做详情的时候或者是网上下载的模版,多少会有几条参考线,如果不选择的话,切片就会按照参考线的交叉来分割了,那就乱了套了。

至于列就是针对横版图片来切了,其他设置有兴趣以的可以自行研究,一般做详情用不上。

PS切片存储为Web格式图像尺寸自动缩小(淘宝详情常见问题)

设置好后,点击确定,然后再选择切片工具,点击“基于参考线的切片”,这时就出现如上图所示。这里有一点要注意,最后一张的参考线是需要调整的,不能从图片中间切开,发布宝贝的时候会出现图片连接缝线。还有就是有些人会说,中间段的参考线很多都是在图片中切开,这个关系不大,因为在发布宝贝的时候,都是无缝连接的。

 

PS切片存储为Web格式图像尺寸自动缩小(淘宝详情常见问题)

选择菜单文件-导出-存储为web所用格式(或者用它后面的快捷键),弹出设置界面。

 

PS切片存储为Web格式图像尺寸自动缩小(淘宝详情常见问题)

左上角默认是“优化”选项,行者一般都是使用的“原稿”选项 ,尽量不要压缩。

 

PS切片存储为Web格式图像尺寸自动缩小(淘宝详情常见问题)

在图片上右键选择“按实际大小显示”,然后用鼠标框选全部图片,在右侧选择要存储的格式,这里选JPEG就可以了,平时的gif动图就是这里输出的哦。品质选100,如果要压缩,在这里把数字改小就可以了。

有些人可能要说了,这样导出来不能保证每张图片的大小,如果能控制就好了,呵,还真能控制,看下图,

 

PS切片存储为Web格式图像尺寸自动缩小(淘宝详情常见问题)

在小三角处点一下,选择“优化文件大小”,弹出设置对话框。

 

PS切片存储为Web格式图像尺寸自动缩小(淘宝详情常见问题)

所需文件大小是指下面“每个切片”或“所有切片总和”的大小,行者控制的都是在480K以内。因为在淘宝很多图片要求都是500K以下,所以根据自己要求去设置大小。注意这里选的是每个切片,所以切出来的每张图片最大不会超过 480K,其他不用设置,然后确定。

 

PS切片存储为Web格式图像尺寸自动缩小(淘宝详情常见问题)

如果图片有颜色配置文件,直接选择“嵌入颜色配置文件”就可以了,“转换为sRGB”不用再勾选,如果为了省事,或者怕出错,可以每次都勾选“转换为sRGB”,因为这里所用到的图片都是在网页上浏览,而不需要印刷,所以颜色配置文件为sRGB是没什么问题的。

重要的来了,输出的时候宽度会自动变小,就如我图上的一样,我的详情尺寸是 1242px宽,这里自动缩小到 533px了,后面有一个百分比,意思是按原来的尺寸缩小到了这个尺寸。[vs_hied]行者最开始也碰到过这样的问题,怎么设置都会自动缩小,后来无意中发现,这个地方其实和输出的尺寸不一样的,他这里虽然缩小了,但你直接输出后,尺寸宽度其实还是你原来的详情宽度1242px宽。如果碰到真的缩小到这个上面的尺寸,怎么设置都不行的时候,看一下自己的电脑内存是多大,虽然我没有试过,但是以我的经验,ps是比较吃cpu和内存的,不同于视频剪辑,对显卡要求也很高。行者的办公电脑是 24G内存,家里是 16G内存,所以我基本上是没有再碰到过这种自动缩小尺寸的情况。[/vs_hied]

一切都设置好后,再点击“存储”

PS切片存储为Web格式图像尺寸自动缩小(淘宝详情常见问题)

存储对话框,这里要注意,旧版的ps,这里如果不选择“所有切片”,输出来的图片就会是你在前面对话框里所选择的切片。新版后不管你在前面是选择的哪个切片,在这里都是默认输出所有切片。只有在这里选择了“选中的切片”,才会输出自己只想输出的那几张切片。具体从哪个版本,行者记不太清了,自己输出的时候注意看一下这里的设置就可以了。选择好存储位置后,再点击“存储”,至此一套超长的详情尺寸就裁出来了。

 

我们来看一下输出来后的尺寸

PS切片存储为Web格式图像尺寸自动缩小(淘宝详情常见问题)

看一下每张图片的尺寸就是前面切片的尺寸。宽度也是原来的详情尺寸1242px宽,并没有被缩小。

 

行者用的ps版本是 cc 2017 2018 2019,

如果是苹果电脑用户,软件可以在本站找到并下载。如果有什么看不懂的地方请在下方留言,行者看到后,会尽力为其解答。最后,非常感谢您能看完此篇教程,如果您有觉得哪里写的不对的,也可以提提意见。行者也会悉心采纳!

本站Adobe软件全家桶链接

发表评论

您必须才能发表评论!