Hi，我是豆芽，上一篇文章给大家分享了图片分辨率尺寸大小的相关问题，今天和主大家聊聊淘宝美工常用图片格式及尺寸相关，主要包含以下这2个方面。
一，淘宝美工常用图片格式及各自优缺点（PSD，jpg，PNG，GIF）
二，淘宝美工常用图片尺寸（主图/直通车/详情页/首页装修/活动报名等图片尺寸）
一.淘宝美工常用图片格式及相应区别
手机淘宝首页轮播图片尺寸，我们平时工作中接触的图片格式主要有这4种——PSD/Jpg/PNG/GIF。其中打交道最多的就是PSD和jpg格式的图片了，先和大家说说这2种图片的区别。
1.什么是jpg图片?
2.什么是PSD图片？
那么什么是psd图片呢，一般来说经过PS编辑过的图片（分层的/可以修改的）就是PSD图片，后缀名通常为.psd。比如上面这张jpg格式的图片我将它拖到PS中，再打上“学设计的小豆芽”这几个字，然后再保存成PSD格式的文件，如下
图片轮播的话宽度是950px的，高度自设，一般300-500之间就可以了，第一张图做多高，后面每一张图都要和第一张一样高。全屏海报宽度1920px，高度和上面一样 记得采纳哦，谢谢
可以看到文件的后缀名变成了.psd，大小居然变成了4.73MB（=4843KB），未经PS编辑之前它的大小仅687KB，占内存是原来的7倍多。PSD格式的图片优点是便于再次修改，因为它是分层的。
比如上图中，我现在想把“学设计的小豆芽”这几个字改成“小豆芽”这三个字并让其居中显示，直接将其拖入PS中，打开图层面板中对应的文字图层直接修改即可，非常方便。看下图我箭头指向的地方
现在如果我把中间的PSD文件和最右边的原图片给删了，然后想要去掉第一张图片中的小豆芽3个字，难度就要大些，因为文字和背景合并在一起了。但如果之前的PSD图层还在的话，直接删掉小豆芽这三个字就OK了。
jpg和PSD格式的图片是我们平时工作中几乎每天都要接触的图片类型，其次就是PNG和GIF了，接触的相对要少一些。
3.什么是PNG图片？
PNG图片就是经过PS处理过的透明图片，可以随意换背景的图片。后缀名为.png。
4.什么是GIF图片？
也就是会动的图片，如下图。
像QQ或者微信的表情基本上都是GIF图片了。具体如何制作GIF图片后面的文章和视频中也会讲到。
总结一下，jpg/PSD/PNG/GIF图片各自有自己的优缺点。
jpg图片——占内存小，用途广，修改麻烦
PSD图片——占内存最大，修改方便
PNG图片——占内存略大，好处是可以随意更换背景
GIF图片——占内存略大，好处是图像更生动
将这4种格式的图片放在一个文件夹中展示如下，注意它们的后缀名。
5.那么如何将图片保存成自己想要的图片格式呢？保存图片的时候选择相应的后缀名就好了。方法有2种，PS中分别执行如下命令：
A.文件-存储为
这种方法保存的图片占内存相对要大些
B.文件-存储为Web所用格式
旺铺专业版图片轮播的的宽度是950。一开始听人家说750结果放进去都小了。高度是可以调整的在放图的时候会有选项。最大不能超过600。你可以先试试看。
工作中常用此种方法保存图片，可以在保存图片清晰度的前提下尽可能地将图片压缩得最小，更省电脑空间的同时，上传到店铺，消费者打开图片的速度相对也要快些。豆芽保存图片常用这种方法。
宽950像素，高度自己设定！还有宽750像素的，高度自己设定！一般高度设定为500像素或者
二.淘宝美工常用图片尺寸
平时工作中接触得比较多的图片主要有：主图/直通车图/详情页/钻展等活动报名图片/首页装修。这里还是按平常最常接触的图片开始说起吧。
01.主图/直通车图尺寸：
4.最后在显示中修改图片轮播的尺寸就可以了。一般来讲，淘宝有3种尺寸，1920宽950宽750宽190宽，最宽不能超过
都是正方形的，宽高均为800*800像素，大小通常在500KB以内
02.详情页尺寸：
天猫：宽度790px，高度不限
淘宝：宽度750px，高度不限
不过豆芽建议PC端详情页高度一般在15000px左右比较好，最好不超过20000px，手机端高度控制在10屏左右最为合适。
04.店铺装修相关尺寸，分PC端和手机端。
A.手机端首页装修尺寸。
淘宝/天猫宽度一般为750px，高度看相应模块的具体要求。
一般装修手机店铺的时候，各个装修模块都会有相应的尺寸提示，按照装修后台提示的图片尺寸来做图就好。
以豆芽自己开的淘宝店铺的装修后台为例，鼠标选中第一个模块，右边就会出现对应的图片尺寸提示，看第一个箭头指向。
这里我创建的是单列图片模块，提示的宽度是750px，高度范围在200-950px，如果我制作的图片宽度不是750，或者高度不在这个范围内，图片是上传不了店铺后台的。
B.PC端首页装修尺寸
PC首页装修的时候，每个模块在编辑上传图片的时候也会有相应的尺寸提示
A.先说下淘宝（天猫）PC端（电脑端）的装修尺寸：
先给大家看一下豆芽淘宝店铺的店招导航图片，如下图（尺寸为1920*150px）
店招尺寸：宽950（天猫990）*高120px（上图中青色区域）
导航尺寸：宽950（天猫990）*高30px（上图中红色区域）
店招导航总体尺寸：950*150px（表色+红色区域）
店招导航背景尺寸：1920*150px（红+青+黑+白区域=也就是上图一整张图片）
全屏海报/轮播海报尺寸：宽度1920px，高度一般在400-800px，豆芽最常用的全屏海报尺寸为1920*600px，个人感觉这样更美观些。
教大家一招如何在网页上直接查看图片尺寸，直接用QQ截图或者快捷键（Ctrl+alt+A）截图的时候会有图片的尺寸提示，看下图箭头指向的地方，截图的这一部份图片的宽高尺寸就是619*150px。
所以我们如果想知道自己在网页上看到的任何一张图片尺寸的话，最快捷有效的方法就是截图看一下就知道了，不过使用这种方法查看图片的前提是，要确保你的浏览器页面缩放比例为100%，不然截图显示出来的尺寸就会就误。（麻烦一点查看网页图片尺寸的办法就是先保存到电脑再查看。）
淘宝美工日常工作中最常用的图片尺寸就是这些了，其它个别没有其提到的，一般店铺后台也会有尺寸提示。
店铺图片轮播的话宽度是950px的，高度自设，一般300-500之间就可以了，第一张图做多高，后面每一张图都要和第一张一样高。全屏海报宽度1920px，高度和上面一样。
实在不清楚的可以问运营或者自己截图看一下别人店铺的尺寸做的是多大的就行了，所以大家完全不用担心自己不知道图片的尺寸要做成多大的！
好了，今天就和大家分享到这里了。
豆芽微信：zhechiqingyan——设计/生活趣事。
公众号：学设计的小豆芽——干货/经验文章。
以下是豆芽公众号关注方法，不知道如何关注的小伙伴可以看看。
到我的主页可以查看更多相关文章哦！这里是【学设计的小豆芽】第65篇原创文章！我们下期见。每天进步一点点， 和我一起学设计吧！
淘宝旺铺专业版：轮播图片大小需要950*600像素（高度小与600），全屏轮播是1920*600像素 高度不限但必须在600以内。专业回答，有帮助请采纳，烦请点赞惠及更多店家
