详情页是用来展示产品，会决定买家是否下单的主要因素，但是很多卖家朋友没有掌握正确的操作，导致详情页切片后上传出现乱的有缝隙的情况，下面开淘小编就教大家如何使用PS制作淘宝详情页以及如何切图，不会的朋友可以参考一下哦。

　　步骤

　　首先打开PS，新建命名为“淘宝详情页”，一般宽度选择为750px，高为8000px(1000px大概是一屏的样子)分辨率为72。

　　在制作过程中最好使用“标尺”快捷键(Ctrl+;)把每一屏隔开。

　　由于素材较多，所以需要创建新组进行分类，以方便快速找到。创建新组快捷键(Ctrl+G)

　　详情页做好之后，我们在工具栏里使用“切片工具”。

　　按每一屏的隔开好的标尺进行切片。

　　切片好后，在左上角菜单栏里点击“文件”选择“另存为Web所有格式”。

　　接下来会弹出一个框，我们选择“存储”，然后选择你要存储的位置，点击“保存”。

　　很快就导出来了，我们可以在“images”文件夹里查看切割出来的图片，也可以打开网页浏览。

　　图片切片以后复制代码到淘宝里出现错位或者白边如何去除?

　　首先，先检查自己的代码有没有问题。

　　检查下有没有空格，有没有忘记替换的图片链接。

　　看看有没有那种gif的那个小图片，有的话，全部替换掉

　　解决切片白边，一种方法是全部居顶

　　在原来的淘宝装修代码中的图片后面加上 align="top" 就可以了，所有图片后面都要加，看下图，全部加好之后

　　就没有问题咯，全部都可以对齐。

　　另一种方法只需要在每个把每个图片网址前加上style="display:block;"就好了。可以选择快速查和替换啦!今天的分享就到这里拉~小编后续还会分享更多淘宝装修的知识~

　　推荐阅读：

　　淘宝定时上下架设置有什么好处?

　　手机淘宝装修在哪里?手机淘宝如何装修?

　　淘宝详情页制作教程，ps如何做淘宝详情页?