主图尺寸标注字号该定多大,几乎所有人都算错了一件事:你在 1000×1000 的画布上排版,买家却是在手机列表里一张指甲盖大的缩略图上第一次看到它。画布上那行清清楚楚的"宽 1200mm",缩到列表尺寸就是一团灰点。
有个三十秒能做完的检验:把导出好的图等比缩到 200 像素宽,屏幕上退后一臂距离看。看不清的字,等于没写。
买家其实是在三个尺寸上看你的图
一张主图在被真正"读"之前,要经过三级缩放,每一级的可读性要求都不一样。
| 展示位 | 实际渲染尺寸量级 | 买家在这一步干什么 | 对标注的要求 |
|---|---|---|---|
| 列表页 / 搜索结果缩略图 | 手机上大约占屏宽的一半(两列布局) | 0.5 秒扫过,决定点不点 | 只有 1–2 个最大的字能被读到 |
| 商品详情页主图 | 接近满屏宽 | 判断"是不是我要的东西" | 关键尺寸要一眼可读 |
| 放大镜 / 缩放视图 | 原图像素 | 核对细节和公差 | 全部标注都要清晰 |
平台的像素门槛就是为第三级设的:淘宝主图普遍要求 800×800 起,而 1000×1000 以上才有清晰的放大体验(各类目细则见淘宝主图尺寸要求);亚马逊侧公开的口径是最长边至少 1000 px 才启用缩放,1600 px 以上才是理想效果。
**但这里有个反直觉的地方:像素传够了,不等于字看得清。**分辨率决定"放大后糊不糊",字号决定"不放大时读不读得到"。两件事互相不能替代,而绝大多数尺寸标注死在第二件事上。
主图尺寸标注字号的判断方法:不用查任何参数
不用管屏幕 PPI、不用换算 pt 和 px,就用缩放测试:
- 把最终导出的图等比缩小到 200 像素宽(列表页缩略图的量级)。
- 屏幕上按 100% 显示,人退后一臂距离。
- 问自己一个问题:最重要的那一个尺寸,还读得出来吗?
读不出来,就只有两条路——把字放大,或者把这个尺寸从主图里拿掉、挪进详情图。主图不是资料页,它只负责让人点进来。
同样的测试在 200 px 通过之后,再缩到 120 px 看一次,你会更清楚哪一个数字才是真正的主角。
三种情景,三套完全不同的排版策略
尺寸标注该多大、放几个,取决于这张图出现在哪儿。
情景 A:列表页第一张主图
买家在这里只做一个动作——扫。
- 只留一个数:最能击中犹豫点的那个尺寸(家具是宽或长,收纳是容量,工具是长度)。
- 字要大到"过分":经验做法是让数字的字高不低于画布高度的 4%–5%,在 1000×1000 的图上就是 40–50 px 高。第一次这么排会觉得难看,缩到缩略图看一眼就明白为什么要这样。
- 别用细体:细笔画在缩略图上会直接消失,中文用中黑以上,数字用等宽或半粗体。
- 数字比单位重要:
1200mm里真正被读的是 1200,单位可以小一号。
情景 B:详情页里的规格图
这里买家已经决定要看,愿意花十几秒。
- 可以放 4–8 个尺寸,但必须分主次:主尺寸一档字号,次要尺寸小一档,公差和备注再小一档。三档就够,四档就乱。
- 字高经验值降到画布高度的 2.5%–3%,前提是这张图会被放大看。
- 标注线不要交叉,尽量走同一侧或对称两侧,读起来才有秩序。
- 关键尺寸的引线端点必须真正落在轮廓边缘上,不是"差不多的位置"——买家放大之后一眼能看出来。
情景 C:报价单、目录和 PDF 规格页
这一档最容易被忽略,因为它同时要过屏幕和打印两关。
- 按打印后的物理高度倒推:正文级别的标注文字,印在 A4 上不该小于 2 mm 字高,否则复印一次就糊。
- 单位必须写全,且全篇统一(mm 就全用 mm),出口件同时给英寸的话固定放在括号里。
- 别指望买家会放大 PDF——他们经常是打印出来在车间里比对。
决策矩阵
| 情景 | 标注数量 | 数字字高(占画布高度) | 检验方法 |
|---|---|---|---|
| 列表页主图 | 1 个 | 4%–5% | 缩到 200 px 宽仍可读 |
| 详情页规格图 | 4–8 个,分三档 | 主尺寸 2.5%–3% | 缩到 600 px 宽主尺寸可读 |
| 报价单 / 目录 PDF | 按需,全量 | 打印后 ≥2 mm 字高 | 实打一张 A4 看 |
上面的百分比是主图尺寸标注字号的经验值,不是平台规则——平台只管像素和文件大小,可读性从来没人替你把关。
字号只解决一半问题,另一半是对比度
同样 40 px 的白字,压在浅木色桌面上和压在深色阴影上,可读性差着一个数量级。这件事有客观标准可以借:W3C 的 WCAG 2.1 对文本与背景的对比度要求是常规文字至少 4.5:1,大号文字(18 pt 或加粗 14 pt 以上)至少 3:1。这套标准原本是给网页无障碍用的,但拿来当产品图上文字的下限非常合适——它定义的正是"普通人在普通条件下能不能读清"。
落到实操上有三条:
- 给文字一个可控的底:半透明色块、描边或者投影,任选一种,全店统一。三种都上就脏了。
- 别把标注压在产品的花纹或高光上,那是对比度最不稳定的区域。
- 深色产品配浅色标注,浅色产品配深色标注,不要为了"品牌色"牺牲可读性。
常见错法对照表
| 常见做法 | 问题 | 改成 |
|---|---|---|
| 主图上密密麻麻标了 8 个尺寸 | 缩略图上全糊,一个都读不到 | 主图留 1 个,其余进详情图 |
| 用极细字体显得"高级" | 缩放后笔画断裂 | 中黑以上,数字半粗体 |
| 文字直接压在产品图案上 | 对比度随背景乱跳 | 加统一的半透明底或描边 |
| 引线大概指向产品附近 | 买家放大后发现指的不是边缘 | 端点吸附到轮廓真实边界 |
| 单位一会儿 cm 一会儿 mm | 换算出错、显得不专业 | 全篇统一,出口件括号内附英寸 |
| 每张图字号凭手感调 | 同一店铺图风格不统一 | 按画布比例定档,全店复用 |
下一步:按投入从低到高的三条路
**第一步,先做一次全店审计。**把在售商品的主图批量缩到 200 px 宽,一屏排开看。哪些图的尺寸信息完全消失,一目了然。这一步零成本,通常能筛出需要重做的那 20% 的图。
**第二步,定一套标注规范并写进模板。**字高按画布比例定三档、颜色和底色定死、单位统一、引线样式统一。规范的价值不在好看,在于新品上架时不用重新决策,也不会因为换了人做图就风格漂移。至于哪几张图值得优先返工,可以参考主图点击率里的图位分工思路,从流量最大的位置开始改。
**第三步,把标注环节从"画图"升级成"取数"。**这是最容易被跳过、但收益最大的一步。手工拖箭头和在通用修图软件里凭眼力对齐,标注位置和数值都靠手感,图上写 1200、实测 1215 这种事迟早发生;用 AI 生成的产品图问题更大——画面看着专业,尺寸数字却是模型编的,跟你仓库里那件货毫无关系。真正省事的做法是让工具替你把两件事同时做对:尺寸线贴边取数,端点自动吸附到产品轮廓的真实边界,数值来自实测;字号和样式按模板锁定,改一次全店同步;导出时按各平台主图比例和详情页宽度一键出多套规格图,不用重排。准、快、可复用,这三件事凑齐了,尺寸标注才从美工活变成流程。
改完之后效果长什么样,可以看沙发尺寸标注案例这类实拍对比;如果想先算清楚"尺寸没标清楚一年到底亏多少",用退货成本计算器按自己的客单价和退货率过一遍,投入产出比会很直观。
常见问题
主图上的字多大合适?
按画布比例定,不要按绝对像素记。列表页主图上唯一那个主尺寸,数字字高建议不低于画布高度的 4%–5%(1000×1000 的图上约 40–50 px);详情页规格图里的主尺寸可以降到 2.5%–3%。定完之后一定要做缩放测试:等比缩到 200 像素宽还能读,才算过关。
淘宝主图放大镜需要多少像素?
淘宝主图普遍要求 800×800 起,而要获得清晰的放大体验,通常需要 1000×1000 以上,部分类目建议更高。注意像素只决定"放大后糊不糊",不决定"不放大时读不读得到"——后者取决于字号和对比度,两者要分开优化。
亚马逊主图为什么要 1600 像素?
亚马逊侧公开的口径是最长边至少 1000 px 才启用缩放功能,1600 px 以上才是理想的缩放体验。对尺寸标注来说,这意味着买家有机会放大核对细节,所以详情图里可以放更完整的标注;但列表页缩略图的可读性仍然要单独测。
手机上主图看不清,是图的问题还是平台压缩的问题?
先排除自己的问题。做一次缩放测试,如果原图缩到 200 px 宽就读不清,那和平台压缩无关,是排版问题。如果原图在小尺寸下清晰、上传后变糊,才需要检查文件格式、压缩率和是否超出平台的文件大小上限。
尺寸标注到底该放主图还是详情页?
主图放一个,详情页放全套。主图的任务是让人点进来,塞满数据反而降低点击;详情页的任务是让人确认能不能用,这时候标注越完整、公差和量法交代得越清楚,咨询和退货就越少。这条分工比任何字号参数都重要。
