ps如何制作淘宝详情页及如何切图导出

网页链接标准答案，知乎上面图片清晰，是我本人回答的 PS做淘宝详情页，导出-存储为web所用格式，修改图片尺寸时弹出要求介于1-410之间的值， ps存储为web所用格式介于1到779之间 标准答案: 高度在8192的原因是因为上图位置一选择了优化，可

Adobe Photoshop，简称"PS"，是由Adobe Systems开发和发行的图像处理软件。Photoshop主要处理以像素所构成的数字图像。使用其众多的编修与绘图工具，可以有效地进行图片编辑工作。PS操作中，PS怎么制作淘宝详情页及如何切图导出一直是个难点，现在就给大家分享一些相关的小技巧。

方法

首先用PS打开淘宝详情页图片。

楼主，淘宝首页就是用div+css制作的，只有纯数据会用表格，切图的时候，图片都是切最小的，小到1K的小图片，一般会用cssSprite技术，将小图片都合成一张图片，这样可以减少http请求。c店也是用div+css。 淘宝的详情编辑框是一个模块，实际网站开

然后用标尺将每个需要切片的图片隔开。

步骤如下： 1.首先我们需要用到的文件就是psd的文件了，一般都是由设计师来完成的，我们切图也就是切psd文件，因为psd文件是分层的，所以想切哪里切哪里。 2.之后用Photoshop软件打开psd文件，这里小鱼用CC版本演示，其他版本大同小异。我们打开

标尺全部标注完成。

1、Photoshop打开详情页，然后点击切片工具。 2、点击切片工具后，按照详情页内容进行切片。 3、全部切好。 4、按Ctrl+Shift+Alt+S进入Web格式，在右侧预览中按住Alt键把图片缩小，然后全部选中所有切片。 5、然后把格式改为JPEG。 6、最后点击

然后点击使用【切片工具】

PC端：C店宽度750像素，天猫宽度790像素，高度800像素左右无线端：宽度480- 620像素，高度900-950像素（需要小于960像素） 拓展资料： 可以通过photo shop对淘宝进行切图，方法如下： 启动photo shop软件，打开长图。 选在左侧的切片工具。（如

将图片全部切出。

没关系的，这里显示的500不是真的，你直接导出来就行，是790，导出来就是790，这个地方不用管它

然后点击【文件】→【导出】→【储存为web所用格式】

淘宝助理就可以了。切图切成多大的话看你详情页还是主图！尺寸的话百度下就知道了。谢谢对淘宝的支持。

接着点击【储存】

1、首先将要裁剪的图片备好份，先检察好需要裁剪的图片，若是没有图片有问题，裁剪就是在浪费时间，因此一定要养成检察的好习惯。 2、用PS打开图片，点开始--打开，找到文件所在的位置，将其打开，如图： 3、找到切片工具，默认的切片工具和裁剪

然后设置一下保存位置以及文件名称和格式，最后点击【确定】即可。

1、首先将要裁剪的图片备好份，先检察好需要裁剪的图片，若是没有图片有问题，裁剪就是在浪费时间，因此一定要养成检察的好习惯。 2、用PS打开图片，点开始--打开，找到文件所在的位置，将其打开，如图： 3、找到切片工具，默认的切片工具和裁剪

点击进入刚刚保存的文件夹，就可以看见导出的切片了，还可以在网页上点击观看详情页。

通常我的做法是用PS做好淘宝装修图片，这时这个图产品较多，要切图后加链接，我一般用FW，也就是FIREWORKS切图，然后存为网页和图像可用模式，存储时记得命名前缀为1，或者一个你定好的统一前缀名，以免搞错。用FW切图，省空间。然后将切好的图

好的，方法分享就到此为止了，希望能对你有所帮助。

需要上传图片看看啥效果，检查一下代码是否有问题。如果是白线条，主要原因应该在上传淘宝图片代码的时候中间误插入了其他东西。通常详情页切片都是横着切片一般是不会出现白色线条。建议上传图片或者自己再仔细检查一下代码是否有问题。

扩展阅读，以下内容您可能还感兴趣。

怎么用PS裁切一张很长的图片？就是裁切详情页模板！满意了我加分！

1、首先将要裁剪的图片备好份，先检察好需要裁剪的图片，若是没有图片有问题，裁剪就是在浪费时间，因此一定要养成检察的好习惯。

2、用PS打开图片，点开始--打开，找到文件复所在的位置，将其打开，如图：

3、找到切片工具，默认的切制片工具和裁剪工具是重叠在一起的。鼠标移到裁剪工具上点右键就会百出现切片工具，点选切片工具。

4、先好切片工具后， 将光标移到图片位置，点右建，选择划分切片，出来如下对话框：这里可以可以根据需要进行水平和垂直两种方式，也可以选按桉你所需的份数或是按象素进行裁剪。（注：按像素裁的话，最后不一定是相等像素的）

5、选择好后点确定即可，接下来就是保存裁剪好的图，这跟普通的保存方式略有不度同，如图所示，点选后，在弹出来的对话框点确定，进入下一个界面。

6、在新出来的界面中，可以在上面的图片预设处选择自己需要的格式，其它地默认即可，然后点下面的保存，选好自己的何存位置。

7、完成。在自己的保存位置，你会发现多了一个命名为images文件夹，切片图片就是保存这个文件夹里的。

怎么把ps里切好的图片文件放到淘宝装修页面上达到最大效率

通常百我的做法是用PS做好淘宝装修图片，这时这个图产品较多，要切图后加链接，我一般用FW，也就是FIREWORKS切图，然后存为网页和图像可用模式，存储时记得命名前缀为1，或者一个你定好的统一前缀名，以免搞错。用FW切图，省空间。然度后将切好的图上传到空间。

用FW保存为网页和图像时会有一个网页预览，点进去，问右键，打开源文件代码，全选，复制，然后在DW里打开，将代码都粘贴进去，转到图片那个预览的状态，这时会出现一个框架答，双击第一个小区域，下面会出现一个对话框，有源文件地址和内链接地址，源文件就是你上传的切图的地址，链接地址就是点击这块图片后跳转的链接地址。你对应着把这些图片地址和链接地址，分别粘贴到对应的区域即可。再转到代码状态，全选所有的代码，将这些代码粘贴到装修自定义区容里即可——预览——发布！ 过程也相当复杂啊追问我求的是快捷 方便 有效的方法 你说这个我也会 不然也不会提出这样的问题对不对追答你不粘贴能有什么方法，除非你找人开发给图文识别加自动获取连接的软件

你好！ps切片图片上传淘宝详情页后有条细线怎么解决

需要上传图片看百看啥效果，检查一下代码是否有问题。如果是度白线条，主要原因应该在问上传淘宝图片代码的时候中间误插入了其他东西。通答常详情页切片都是横着切片一般是不会出现白版色线条。建议上传图片或者自己再权仔细检查一下代码是否有问题。

PS淘宝详情页切片 切片保存时 百分比显示81.8 不是100 有影响吗？百分比需要改到100吗？

没有影响，不需要改百分比的。ps切片保存时百分比的显示是预览的图片大小而不是实际图片的大小，保存后不会有影响。追问好的 谢谢

请问一下，淘宝装修首页添加图片，效果图做出来了，想问一下图片怎么切图，然后加链接

ps里面有个切图工具可以切，切完之后保存成web格式，然后再把图片用dw打开，他会自动生成一串代码，选中你刚刚切好的位置加个链接就好了。你可以试一下，不会的话再问我。追问你说的“选中刚刚切好的位置加链接”这个是在哪里做的啊，是DW里嘛