同一张商品图放到列表里看着完整,进了详情页却把主体裁掉;做成竖图后,标题位置又只剩一点边角。这类问题往往不是图片不够清晰,而是把像素尺寸、画面比例和文字安全区当成了一件事。先把它们拆开,做图时才知道哪些内容可以缩放,哪些必须重新安排。

尺寸、比例和安全区,先别混在一起
“这张图做多大”至少包含三层问题。尺寸是目标平台此刻要求的像素和文件规则;比例是横图、方图还是竖图的画面框;安全区则是商品、关键文字和标识不能被裁掉的位置。只记住一个尺寸数字,往往解决不了后两件事,所以一换位置就又要重做。
| 要先确认什么 | 它决定什么 | 常见误区 |
|---|---|---|
| 目标平台的当前规则 | 像素、文件大小、格式与能否上传 | 沿用旧教程里的数字,不看实际后台 |
| 图片比例 | 商品要占多大、上下和左右留多少 | 把方图硬拉成长图,主体变形或被切掉 |
| 安全区 | 标题、价格提示、Logo 和商品边缘放在哪里 | 把关键信息贴到边缘,发布后被界面遮住 |
| 真实预览位置 | 手机列表、商品页或投放位里能否看懂 | 只在电脑放大图里判断成片 |
平台规则会调整,同一平台的商品页、活动位和投放位也可能不同。因此尺寸信息应回到你要发布的那个位置核对。本文更适合用来安排画面:先让商品和必须保留的信息在不同框里都有位置,再做对应的导出版本。
3步避免一张图到处裁
- 先列出这张图要去哪里。不要先问“做一个通用尺寸行不行”,先写下商品列表主图、详情页首屏、活动素材或社媒预告这些实际位置。它们各自承担的任务不同:主图负责让人认出商品,详情页可以解释细节,活动图还要留下阅读活动信息的空间。
- 在原图里给主体和文字各留一层边界。先确定商品的完整轮廓不能越过哪里,再确定标题、型号或必要提示能够落在哪一侧。方图和竖图可以共用同一个商品版本,但不要让文字紧贴画面边缘,更不要为了塞进新比例遮住产品接口、开口或配件。
- 只做有用途的几个版本,再按真实位置预览。先从一个主图比例和一个详情页比例开始,分别放到目标页面或模拟尺寸中检查。要是其中一个版本必须大幅裁掉商品、把卖点缩得看不清,问题不是“再压缩一下”,而是该为这个位置重新安排构图。
先写下商品图要投放的位置,再给商品主体和必要文字划出各自不能被裁掉的范围。
这3种情况,不能只靠裁切补救
- 商品本来就贴着画面边缘:直接改成另一种比例,很容易切掉轮廓、阴影或配件。应先为商品补出合理的留白,再检查补出的背景和光影是否仍与原图相符。
- 一张图里塞了太多参数:竖图或小列表不是把所有字缩小的理由。把关键规格留给用户放大后能看的页面,首图只保留当前位置最需要回答的一件事。
- 不同位置在讲不同卖点:主图要让人确认“卖什么”,详情页要解释“为什么适合”,活动图才处理“现在有什么条件”。即使使用同一商品素材,也应该分别安排主体大小、留白和文字层级。
SkildArt 当前公开页面的商品图功能说明中包含 1:1 主图、3:4 详情页等方向。准备上新素材时,可以带着已经确认的商品图、销售版本和两个明确的投放位置先做小样,比较方图与竖图中主体、留白和文字位置的差异。具体可选比例、输出规格和账户权益仍应以当前页面为准,最终上传前也要回到目标平台核对实际规则。
做完后,别只盯着导出的文件名。把两个版本缩到真实的手机列表和商品页阅读大小再看一次:用户能不能先认出商品,最关键的字能不能读到,边缘有没有被裁掉。只有这三件事都过关,才说明尺寸和构图真正适配了位置。
从一个方图和一个竖图开始,带着真实商品资料比较主体位置和文字留白,再决定是否扩展到更多渠道。
常见问题
Q:网上查到主图尺寸,能直接照着做吗? A:可以把它作为开始,但提交前仍应看目标平台当前后台的要求。不同入口、类目和活动位可能有自己的文件与展示规则,固定数字不能代替实际核对。
Q:同一张商品图能同时用作主图和详情图吗? A:能否共用取决于主体和关键信息在两种比例里是否都完整、易读。可以共用商品素材,但当裁切会影响识别和卖点表达时,应分别制作适配版本。
Q:只把图片拉大或拉小,为什么看起来还是不对? A:缩放不会改变画面比例和信息层级。问题常出在主体离边缘太近、文字没有安全区,或这个位置本来就需要另一种构图。
