本文章算是对8年前文章的补充《入门电商应该了解的尺寸》

https://www.zcool.com.cn/article/ZMTE3NzEy.html

感谢大家的一直关注，因为这次文字有点多，就新开一篇了，

尺寸比例

1:1方图用得多，适用也广，但比较呆版。

4:3是传统老电视的画幅比，接近于方形，后来16:9成为主流（接近于长方式）。

2:3非常接近黄金分割的比例，全画幅相机就是2:3。800X1200，是淘宝全场景图的尺寸。非常适合风景照，不需要裁剪。

【要点】

1、特殊比例需要做匹配适应，易致工作量加大，有些新平台，尺寸比例就很特殊，要做裁剪，考虑到工作量，干脆就放弃这个平台了。

2、小的图，字少，大的图，字多，所以有时候又需要做两张图。

文本信息：在宽为1080px下

抖音评论区内容：中等44、38。

菜鸟APP界面：46、44、40、37、30（750尺寸下30px=21px）。

在PC端，最小的字为14px，使用14号宋体时抗锯齿选择“无”会更清晰，（@影天酱 网页设计师十八日速成01）

2022新版标准：天猫无线端尺寸

轮播图：宽度1200px，高度600px～2000px，大小不超过2兆。

单图海报：宽度1200px，高度120px～2000px，大小不超过2兆。

750X1000，换算（1.44倍放大）=1080X1440换算（1.6倍放大）=1200X1600

详情页做图尺寸

拼多多无线端宽：750px，切片要求高度小于2500px

天猫PC端宽：1920px，高不限。

750px宽：是早期淘宝的PC端详情页尺寸，后来扩展到790，也是一种会员特权，再后来手机端进步……

750px宽：正文字24px，最小16px的。这么小的字，多是解释性说明，不重要的内容，阅读上会有困难，但也正是商家不想让消费者看清，比如法律条款的解释。

考虑到老人群体，正文字也会选用32px，加粗，不用细字。

1080px宽：最小字就是30px，同样是解释性说明。

站酷作品图宽：1000px。我昨天发布的作品宽度为1200px，被缩小了，如果放在手机端，会缩得更小。

这个变化，意味着站酷开始重视移动端流量了，一直以来，站酷都不屑于手机端阅读的。好几次改版，发布的文章和作品，在手机端没法看。

大家都默认了，站酷是很严肃的交流平台，只能用PC端看。

站酷文章图宽：700px，这就更窄了，比淘宝的750还要窄。

注意，站酷可能还会改版，其它平台也一样，但这不影响我们的字体大小设计。

手机端尺寸（旧版）

轮播图高度200-950px，支持jpg和png

智能版美颜切图：宽：750px 高335px ~ 2500px

非智能版自定义：宽：640px = 80px/格X8

字号为偶数？

这条规定属于旧规定，对于web开发来说的，比如：

当用了 14 px 的正文字号，可能会在一些地方变成 14 × 0.5 = 7 px ，或者 14 × 1.5 = 21 px 的标题字号。

另外也是为了迁就ie6，ie6会把定义为13px的字渲染成14px，而且像谷歌等一些比较流行的浏览器一般会有个默认的最小字体，对奇数字体的渲染不太好看。所以一般建议将字体大小设置成偶数。

但我们不开发APP，可以不考虑这个。

正文行距

注意是正文行距：有建意1.5倍的，有建意不要超过2倍的。

也有建意不使用倍数的，而是在字号的基础上+8，理由是在程序开发里，当字号越来越大，间距就行会越来越大。

其它行距

比如表格、目录、列表，很多为3.1倍。

间距固定/百分比与数值

间距固定12px，不管在PC上还是手机上，左对齐都是12px。

间距固定2%，PC端和手机端会自适应

今天就写到这里，谢谢点赞，想看什么可以评论区提，大家不要互相辱骂