同一张图,在你电脑上边缘干净、数字锐利;传上平台再点开放大,标的那个「600mm」糊成一团,引线边上还带一圈彩边。产品图上传后变模糊不是你眼花,也不是显示器的问题——从导出到平台重新编码,中间有四五道工序在吃你的像素,而它们吃得最狠的恰好是标注。
下面按供应商和卖家实际问得最多的顺序拆一遍,每一问都给能马上改的动作。
为什么在电脑上很清楚,产品图上传后变模糊?
因为你和买家看的根本不是同一个文件。
你双击打开的是原图,1:1 显示。买家在页面上看到的,是平台按自己的展示尺寸重新处理过的副本。上传那一刻至少发生三件事:
- 重采样(downscale)——平台按列表图、详情图、缩略图等多套尺寸把你的图缩小,每一次缩小都在丢像素。
- 重新编码(re-encode)——平台会用自己的质量档重新压一遍 JPEG,这个档位通常低于你导出时选的。
- 色度抽样——重新编码时多数会启用色度抽样,色彩分辨率被砍掉一大半(下一节细讲)。
平台端展示的从来不是你上传的那个文件,而是它重新生成的副本——你能控制的只有交给它的原始素材有多少余量。 这就是为什么「在电脑上看着挺清楚」永远不是验收标准。
传多大的图才够?门槛是「放大镜」,不是「上传成功」
上传成功只说明文件没超限,跟清不清晰没关系。真正的门槛是平台的放大功能:像素不够,放大镜要么不触发,要么触发了也只能靠插值把你的图硬撑大,结果就是一放大就糊。
亚马逊把这个门槛写得最清楚:最长边 1600 像素才能获得最佳放大体验;能触发放大的最小值是 1000 像素;站点能接受的最小值是 500 像素;最长边不得超过 10000 像素。文件格式首选 JPEG,也接受 TIFF、PNG、非动图 GIF。
国内平台没有一份把放大镜门槛写死的公开原文,行业里通行的做法是 800×800 起步、1000×1000 或 1200×1200 更稳妥。各平台逐项的像素、体积、张数要求可以直接对照淘宝主图尺寸要求这类规格页,别凭记忆。
判断原则只有一条:按「买家放大后要看清的最小那个字」倒推分辨率,而不是按平台的上传下限。 图里如果有 8pt 的尺寸数字,1000 像素就是不够的。
为什么最先糊掉的总是标注的线和数字?
这是本文最值得记住的一段。
JPEG 编码普遍使用色度抽样:亮度信息按每个像素记录,色彩信息则每 2×2 个像素才采样一次(4:2:0)。也就是说,色彩的分辨率只有亮度的四分之一。
细线和小字恰恰是「高频 + 强色彩边界」的内容。当 2×2 的色彩块把相邻像素的颜色平均掉,边界就会渗色,视觉上表现为彩边和发虚。大面积的产品主体几乎看不出差别,因为它本来就是平滑过渡。
再叠加缩放:一条 2 像素宽的引线,图被缩到 60% 之后不足 1.5 像素,渲染时只能摊成一条半透明的灰线。
压缩不是均匀地让整张图变差,它优先牺牲细线、小字和高对比边缘——也就是尺寸标注本身。 你花力气标上去的那几个数,正好是这条链路上最脆弱的部分。
能做的事有三件:
- 导出时把 JPEG 质量往上拉一档。编码器在低质量档才启用 4:2:0,高质量档会保留完整色彩分辨率(4:4:4),各软件的切换点不同,宁可多几百 KB。
- 标注线做粗一档、字号做大一档,给压缩预留余量。到底多大才够,按缩略图上能不能读来定——这笔账主图尺寸标注字号那篇已经算过。
- 别把细线压在互补色背景上(红线配青底、蓝线配黄底),色度抽样对这种组合最不友好。
为什么颜色也一起变了?
这是另一个问题,但常和「变糊」被一起投诉。
相机或修图软件默认输出 Adobe RGB 甚至 ProPhoto RGB 时,文件里嵌了对应的 ICC 配置文件。平台在处理过程中常把配置文件剥掉,而浏览器对没有配置文件的图一律按 sRGB 解释。同一组数值用更小的色域去读,结果就是饱和度掉、整体发灰发闷。
不是平台把你的颜色调淡了,是它拿 sRGB 的尺子去量了一张 Adobe RGB 的图。
动作:导出前执行「转换为配置文件 → sRGB IEC61966-2.1」。注意是转换(Convert to Profile)不是指定(Assign Profile)——指定只改标签不改数值,颜色照样错。木材、布料这类颜色本身就是卖点的品类,配合灰卡拍摄更稳,做法见产品拍照白平衡怎么调。
反复改反复存,图会越来越差吗?
会,而且不可逆。
JPEG 是有损格式,存在代际损失:每一次「打开 JPG → 改一点 → 另存为 JPG」都是在已经损失过的数据上再压一次,误差逐代累积。改五版的图和一次导出的图,画质不在一个量级上,而这种劣化在缩略图上看不出来,一放大就现原形。
动作:母版留 PSD/TIFF/PNG,每次改动都回母版改,再从母版导出新的 JPG。永远不要在导出的 JPG 上继续编辑。
快速参考汇总
产品图上传后变模糊的成因基本都落在下面这六行里,对着症状找原因就行:
| 症状 | 真实原因 | 上传前怎么改 |
|---|---|---|
| 放大后数字发虚 | 像素不足以支撑放大镜 | 长边按最小可读字号倒推,亚马逊侧至少 1600px |
| 线条边缘出现彩边 | JPEG 色度抽样把色彩分辨率砍到 1/4 | 导出质量拉高一档、线条加粗、避开互补色背景 |
| 整体发灰发闷 | Adobe RGB 被按 sRGB 解释 | 导出前转换为 sRGB,不是指定 |
| 每改一版更糊 | JPEG 代际损失逐代累积 | 保留无损母版,每次从母版重新导出 |
| 自己看着还行,平台上更差 | 平台按自己的质量档重新编码 | 别把图压到临界,留出质量余量 |
| 缩略图上什么都看不清 | 按原图尺寸设计,没按展示尺寸验收 | 导出后缩到实际展示尺寸自查一遍 |
上传前导出自查清单
- 色彩空间已转换为 sRGB(不是指定)
- 长边像素按「最小可读元素」倒推,不是按平台下限
- 导出尺寸就是目标展示尺寸的整数倍,避免平台再做一次非整数缩放
- JPEG 质量拉到保留完整色彩分辨率的档位
- 标注线宽与字号在缩略图上仍可读
- 标注文字未压在互补色背景上
- 从无损母版导出,不是在旧 JPG 上另存
- 导出后按实际展示尺寸缩放预览,逐张确认尺寸数字仍清晰
常见问题
主图上传后变模糊怎么办?
先别怪平台。按顺序查三件事:原图长边够不够支撑放大、色彩空间是不是 sRGB、这张图是不是在 JPG 上反复另存过。八成情况出在第一条——图本身就没有足够像素撑起买家点开的那次放大。
亚马逊主图多少像素才能放大?
最长边 1000 像素是触发放大的最小值,1600 像素才是官方说的最佳放大体验;站点接受的绝对最小值是 500 像素,上限 10000 像素。做规格图直接按 1600 起,省得回头返工。
产品图导出用 sRGB 还是 Adobe RGB?
上网的图一律用 sRGB。Adobe RGB 只在你要送印刷、且整条链路都做了色彩管理时才有意义;传到电商平台上,它带来的唯一效果就是颜色变淡。
图片格式选 JPG 还是 PNG?
照片型内容用 JPG。如果这张图是大面积纯色块加文字标注(规格图、尺寸图、参数表),PNG 更合适——它无损、不做色度抽样,文字边缘不会渗色,代价是文件大不少。很多平台对体积有上限,实测取舍。
带尺寸标注的产品图,导出时要特别注意什么?
关键是让标注在导出那一刻就已经是目标尺寸,而不是先做一张大图再让平台去缩。标注一旦经过二次缩放,线宽和字号的比例关系全乱,前面所有的余量都白留了。所以真正省事的做法,是用能把实测尺寸贴边锁死、并直接按各平台规格图尺寸一键导出的工具——尺寸是量出来的不是估出来的,导出即目标像素,中间不再多一次缩放。成图效果可以参考产品图尺寸标注案例里的实拍图,注意看引线和数字在放大后的边缘。
来源与依据
- Technical image file requirements — Amazon Seller Central 官方帮助(本文亚马逊像素门槛取值来源:最佳放大体验要求最长边 1600px,可触发放大的最小值 1000px,站点可接受最小值 500px,最长边上限 10000px;接受 JPEG/TIFF/PNG/非动图 GIF,首选 JPEG)
- Why aren't your Images using Chroma-Subsampling? — Web Performance Calendar(色度抽样在细节丰富区域产生可见色彩伪影的机制;不同编码器在不同质量档启用 4:2:0 的差异)
- Chroma subsampling — Wikipedia(4:2:0 的定义:色彩信息按 2×2 像素块采样,色度分辨率为亮度的四分之一)
- Preparing Images for the Web: Colour Profiles, sRGB and Adobe RGB — Tectalic(原文:"If you take an image with either an Adobe RGB or ProPhoto RGB colour profile and display it in a web browser, the colours may look washed out or dull";解决办法是显示前转换为 sRGB)
- Website uploads look washed out — Adobe 官方社区讨论(平台剥离色彩配置文件后浏览器按 sRGB 解释导致发灰的实际案例与处理方式)
- Generation loss — Wikipedia(有损格式反复解码-再编码导致的逐代画质劣化)
