你可能遇到过:图在电脑上看着挺清楚,一发到小红书商品页就糊了、边缘被裁,或者首图在列表里被压成一条。这篇不背参数,而是给你一套自己动手确定尺寸的流程:先看官方要求、再按手机端预览反推、最后拿导出清单逐项核对。碰到平台改版或不同发布入口时,以站内核对到的当次口径为准。
先说结论:小红书的商品图没有一组「永远正确」的像素数字,能长期用的是「比例 + 安全边距 + 手机端预览」这三件事。你可能遇到过:图在电脑上看着挺清楚,一发到商品页就糊了、边缘被裁,或者首图进了列表被压成一条。这篇不讲死参数,给你一套自己动手确定尺寸的流程:先看后台要求,再按手机端预览反推,最后拿导出清单逐项核对。
要注意,平台会改版,不同发布入口(商家后台、手机端、第三方工具)的提示口径也可能不一致。所以下面所有「到底多大」的问题,都建议你以自己后台当次显示的文字为准,别抄别人几年前截图里的数字。
为什么尺寸不对,图就白做了
翻车基本就三种:系统二次压缩让画面变糊、上下或左右被裁掉、首图进列表被压成细条。这三种看起来都是「图不好看」,根因却不同——前两种是像素和比例的问题,第三种是构图的问题。判断时先分清是哪一类,别一上来就无脑放大画布。
- 系统二次压缩变糊:原图体积或分辨率超出上传上限,平台自动压,细节和文字先牺牲
- 被裁边:比例和入口要求的比例差太多,系统按自己的规则裁
- 首图进列表被压细条:主体顶到边缘、没有留白,缩放后只剩一条缝
- 同一张图在电脑端和手机端显示不一样:以手机端为准,因为绝大多数买家在手机上刷
还有一个常见误解:尺寸问题多半不是「做得太小」,而是比例和发布入口不匹配。宁可先做一版比例对的测试图上传验证,也别在电脑上反复精修一版比例错的图。
怎么确认当前该用多大:三步走
- 看后台提示进商家后台的图片上传入口,看当次显示的建议比例和提示文字。官方改版最先改的就是这里,所以这里的信息比任何二手教程都新。
- 用测试图验证拿一张带边框和四角标记的测试图,按候选尺寸上传,进手机端预览,看有没有被裁边、拉伸或加白边。一次只测一组,别一次传五组混着看。
- 写进模板复用把通过测试的那组尺寸和比例写进自己的设计模板文件,命名清楚,下次直接套,不用重新试错。
如果你用的是第三方工具批量出图,还要多一步:确认工具导出的默认尺寸和你后台要求一致。工具更新往往滞后于平台改版,建议每次大促前重新跑一遍上面的三步。
主图、详情长图、参数图各排什么
| 图片类型 | 核心任务 | 排布要点 |
|---|---|---|
| 主图/首图 | 让人在列表里愿意点开 | 主体居中偏上,四周留安全边距,文字不要压到最边缘 |
| 详情长图 | 把卖点讲清楚 | 按模块切段导出,一段说一件事,别把全部信息塞进一张超长图 |
| 参数与售后图 | 给决策和售后兜底 | 单独成段,改一小块时不用整图重做 |
| 对比/场景图 | 降低理解成本 | 多图之间保持同一宽度和对齐线,滚动时不跳动 |
排布上最容易忽略的是对齐线。主图、详情段、参数图的左右留白如果各不相同,用户往下滚的时候会感觉画面在左右晃,显得不专业。定一套统一的左右边距,所有图都按这个来。
- 主图别在四个角放关键文字,缩放和圆角裁切都会吃掉
- 详情长图按「一屏一件事」切,单段别拉得太长
- 参数、售后这些易变信息单独成段,改版只换那一张
- 同一商品的所有图用同一套边距和对齐基准
导出前的检查顺序
导出这一步最容易「看着没问题,传上去就出问题」。建议固定一个顺序,每次都按同样的流程走,形成肌肉记忆,比临时判断靠谱。
- 先核比例和尺寸对照后台当次要求,确认每张图的比例一致,没有混进一张比例不同的。
- 再看文件体积体积超限就压缩,但压缩后要在手机端看一遍小字号还能不能认出来,认不清就回去减文字而不是硬压。
- 再查可读性把图缩到手机屏幕大小看一遍,小字还能读、重点还突出,才算过。
- 最后查边缘和命名确认四周没有关键内容顶到边;文件按「模块-序号」命名,改版时能快速定位要换的那张。
人工盯图容易漏,尤其是同一批出十几张的时候。做完上面这套流程,可以再去 /tools/quality-check 过一遍自动检查,把明显的问题先筛掉,剩下的再自己看。
下一步想省掉每次重新试尺寸的功夫,可以去工具目录里挑一个能固定输出模板的出图工具,配合站内的质量检测页一起用,出图流程就稳定下来了。→常见问题
是不是有唯一的标准尺寸,照着做就行?
没有一劳永逸的固定值。平台会按版本和发布入口调整要求,最稳的做法是自己去商家后台的上传入口看当前提示,再用一张测试图验证有没有被裁。确认之后把尺寸存进自己的模板,下次直接套用,比到处找别人的截图靠谱。
详情页长图能不能一张做到底?
不建议。一张超长图不方便改,任何一个小改动都要整张重导,还容易出现局部模糊。按模块拆成几段导出,只改涉及的那一段就行,滚动时的清晰度也更稳定,后期做 A/B 测试换图成本低很多。
已经上线的图看着有点糊,要全部重做吗?
先定位是清晰度问题还是压缩问题。用一张只改尺寸的测试图上传对比,如果清楚很多,说明是导出参数的事,重导即可;如果差别不大,多半是原图本身分辨率不够,那就优先重做主图和最靠前的几张,后面的按节奏替换。