今天我给大家聊聊电商设计中常用的图片格式跟尺寸之间的相关知识。
常用图片格式及其区别
我们在设计中常常用到的图片格式主要有:JPG、PNG、GIF、PSD格式。
1、JPG格式
这个格式就是我们在手机或电脑上常见到的格式,我们一般网上看到的图片90%都是JPG格式,这种格式占内存小,打开速度快,识别方法为后缀名为.JPG(.jpg)。
2、PNG格式
PNG格式图片就是我们常见的透明底图片,我们做设计经常会用到这种格式的图,可以随意添加你想要的背景、颜色、人物等。
3、GIF格式
这种就不是一般的图片了,这是一种会动的图片,用PS里的(视图—时间轴)工具就可以制作了。
4、PSD格式
PSD格式为Photoshop软件编辑过的图片,可以随时修改调整,后缀名为.psd,比如我们在一张图片上随意打几个字“设计师老张”,编辑完后保存,默认格式就是PSD格式的可编辑文件。
我们只要打出来的字就会显示在箭头标记的地方,我们也看到不仅是文字我们的图片也都显示在图层面板上,这里就是我们所有做出的设计内容。
PSD格式不仅只有这点内容,也可以把我们做出的图随时修改和另存为我们常用的JPG格式,以便让我们用到更多的地方。
上面我直接把文字修改成“设计师老张”,最后保存为JPG格式,PSD格式可以方便我们随时的修改。
5、格式的储存
图片的各种格式我们都可以用PS储存为我们需要的:
我们还有一种储存格式为Web格式,这种格式储存的图片可以保持图片的清晰度还能把图片压缩,更省些空间。
总结一下各种图片格式的优缺点:
JPG格式:内存小、用途广、修改麻烦;
PNG格式:占内存略大、可以随时更换背景;
GIF格式:占内存略大、图像更加生动;
PSD格式:占内存最大、修改方便;
电商设计常用的图片尺寸
如果你是专做电商这一块的,我们接触较多的图片多数是:主图、直通车图、详情页设计、首页装修、钻展活动图等。
1、主图、直通车图尺寸:
这两种都是方形的,尺寸也都一样,宽高为800*800像素,大小为500KB以内。
2、详情页尺寸:
淘宝尺寸为:宽750px,高度不限
天猫尺寸为:宽790px,高度不限
建议大家PC端详情页最好控制在15000px~20000px之间,移动端保持在10屏
左右,不至于因太过长而让消费者丧失兴趣。
3、钻展活动等图片尺寸:
这种图片的尺寸高宽不同,我们做的时候要向运营问清楚,在报名活动上有上传图片,我们就能看到各种图片的尺寸和要求。
4、店铺装修尺寸:
①手机端首页装修尺寸
:淘宝和天猫一般都为750px,高度具体看情况而定,装修时我们都要根据相对应的后台提示来看图片的尺寸来作图。
根据上面给到的提示按照宽:750px,高:200-950px,来进行设计。
②PC端首页装修尺寸:在装修PC端首页时,每个模块在编辑上传图片时都有相应的尺寸提示,如图:宽950px,高不超过120px。
③店招尺寸:这种尺寸的设置每个人大都设计的不太一样,我教大家一个方法,直接在淘宝网或天猫等的一个店铺里截图(Ctrl+alt+A)时会显示这个图片的尺寸信息,我们用这个方法就会获得我们想要的店招尺寸。
我们电商设计上能日常用到的图片尺寸大概就是这些,其实就算是有特殊类型的,我们也不用慌张,一般在你店铺的后台都会标明尺寸的提示信息,请各位不要在作图时总是慌了手脚。
往期好文推荐母婴类首页这样做才会更好。电商设计中文字的倾斜排版使用教程。在谈电商视觉设计之前,先让用户读懂你的设计!为什么你单个设计细节好看,整体看却不行?如有任何问题,可加微信:yifanxiaoer 前来咨询,有任何别的软件及各个软件各个版本破译方法都可咨询,欢迎叨扰。