你刚刚花了二十分钟给一张商品照片布景。窗边自然光,干净的台面,商品居中、清晰,看起来就是让人想点"购买"的那种。传到电脑上一看文件大小:1.1 MB。一张图。再乘以每个宝贝详情页十张图,再乘以你上架的宝贝数量。你的店铺页面每次打开都在加载好几 MB 的图片,而且大多是在手机网络上——每多出一百 KB,加载就慢一秒。
几乎所有人都做错了一件事:把照片在编辑器里把尺寸拖到 800×600 甚至更小再保存。文件是小了,但你也把支撑"悬停放大"功能的像素给扔了。在闲鱼、淘宝、小红书、拼多多这类平台上,买家都习惯点开或悬停看细节。改尺寸直接废掉了这个功能。正确做法是:像素一个不动,换一种方式缩小文件——调低 JPEG 质量,而不是改尺寸。
我认真做了测试。拿一张真实商品照片——一只手工陶瓷马克杯,1024×949 像素,从相机直接导出的 PNG,重 1,156 KB——用浏览器内的 JPEG 压缩工具,跑了 9 档不同质量。同一张照片、同一分辨率,只改编码强度。结果如下:
| JPEG 质量 | 文件大小(同一张 1024×949 照片) | 变化 |
|---|---|---|
| 95(接近无损) | 179 KB | 与原图看不出差别 |
| 90 | 110 KB | 正常观看尺寸下依然完美 |
| 85 | 82 KB | 几乎看不出差别 |
| 80(多数工具默认) | 67 KB | 200% 放大时轻微变软 |
| 75 | 58 KB | 甜点区——够清晰,文件极小 |
| 70 | 53 KB | 300% 放大眯眼才看得出 |
| 65 | 49 KB | 细节区域略微发糊 |
| 60 | 45 KB | 只适合缩略图 |
| 50 | 40 KB | 过头了——开始出现涂抹感 |
各平台对你图片的真实要求
规则因平台而异,但规律都一样:它们想要大尺寸、细节丰富的图片,同时加载要快。下面是国内主要平台的情况:
- 闲鱼: 图片建议 750 像素以上,支持 JPEG/PNG,单张不超过 20 MB,每个宝贝最多 9 张。买家习惯点开看大图,图越清晰越好。
- 淘宝 / 天猫: 主图建议 800×800 以上(白底),详情页图片越清晰越占优。以 JPEG 为主,单张建议压到 500 KB 以内,保证手机端加载。
- 小红书: 笔记封面 3:4 竖图最佳,平台对图片清晰度要求高、对加载速度敏感。质量 75 的 JPEG 已经足够清晰又轻巧。
- 拼多多: 商品图要求白底、方正,建议 800×800。平台对页面加载速度有明确考核,轻图在搜索里更占优。
- 转转 / 二手平台: 单张限制相对宽松(可达 20 MB),但图片越轻,列表在搜索里排名越靠前、浏览量越高。
发现规律了吗?没有哪个平台让你把图缩得很小。它们都奖励高分辨率、可放大。问题从来不是像素太多,而是这些像素里塞了太多看不见的数据。
质量 vs 尺寸:为什么滑块赢了
JPEG 文件包含两样东西:像素数据(画面本身)和编码细节(每个像素颜色存得多精确)。改尺寸是永久扔掉像素;降质量是每个像素都保留,只是用更少的精度存颜色。对于正常详情页尺寸(手机上大概 600–800 像素宽)查看的商品照片,质量 95 和质量 75 的差别基本看不见。但文件大小差巨大:179 KB 对 58 KB。零像素损失,体积却少了 68%。
PNG 只会更糟。商品照片存成 PNG,编码器完美保存每个像素,于是 1024 像素宽的商品图轻松到 1–3 MB,尽管它包含的可视信息并不比 60 KB 的 JPEG 多。JPEG 是每个平台对照片的推荐格式,对任何有渐变、纹理、自然光的产品图(基本就是所有商品照片)压缩都比 PNG 好得多。
一次上传九张未压缩图会怎样
平台通常允许每个宝贝多张图。闲鱼最多 9 张。如果每张都是 1.1 MB 的 PNG,算一下:
| 单图处理方式 | 单张 | 共 9 张 |
|---|---|---|
| 原始 PNG(未压缩) | 1,156 KB(1.1 MB) | 10.2 MB |
| JPEG 质量 95 | 179 KB | 1.6 MB |
| JPEG 质量 80(默认) | 67 KB | 603 KB |
| JPEG 质量 75(甜点区) | 58 KB | 522 KB |
从一个宝贝 10.2 MB 降到 522 KB,差别就是 4G 下一秒打开的页面和转四秒的页面。手机网络上,这个差距决定买家是等还是返回。轻图也有助于 Core Web Vitals 评分,一些平台会把它算进站内的搜索排序。如果你同时经营 Shopify 独立站,这篇 Shopify 图片优化指南 讲得更深。
我上传前用的流程
- 原分辨率导出。 保持照片原始尺寸——最短边 2000 像素以上最好。别为了"省空间"缩小。
- 把照片拖进浏览器内的压缩工具。 工具支持就一次拖九张。我用的那个最多同时处理 20 张,全程在浏览器里跑——不上传任何服务器。
- 看默认结果。 多数压缩工具从质量 80 开始,已经把 1.1 MB 压到 67 KB。可能这就够了。
- 想更小,把质量滑块拉到 75。 看体积读数往下掉。75 时得到 58 KB,尺寸一点没变。每个像素都在。
- 下载前预览。 好工具会显示压缩前后对比。100% 放大看着干净就下载。不对劲就调回 80 或 85。
- 上传到售卖平台。 九张清晰、加载快的 JPEG。放大能用,手机加载快。完事。
质量 75 真的看起来更差吗
说实话?桌面显示器 100% 放大,是的——非常轻微。最细的纹理(陶瓷釉面的颗粒、布料织法、金属光泽)丢了一点点锐度。200% 放大快速来回切换,能分辨出压缩版和原图。
但关键是:没人用 200% 看你的商品图。闲鱼搜索结果主图大概 500–700 像素宽,详情页约 800–1000。放大上限是你上传的分辨率,还是你完整的 1024+ 像素——在那个尺寸、普通手机屏上,质量 75 和原图看着一样。你用 95% 更小的文件,换掉的是看不见的微细节。这笔交易每次都值得做。
如果你卖的是纹理保真度极重要的东西——针织毛衣(针脚就是卖点)、珠宝(切面反光带动点击),那就用质量 80 或 85。相比原 PNG 还是能砍掉 80–90% 体积。其他一切——陶瓷、印刷品、家居、配饰——75 就是你的数。
卖家常犯、既费时间又丢单的错
- 为"省空间"把尺寸缩到 1000 像素以下。 这是我见过最多的头号错误。文件是小了,但你同时关掉了放大、让图在 Retina 屏上发软、也少了日后裁剪重构的余地。保留分辨率,降质量。
- 商品照片存成 PNG。 PNG 无损,听起来好,直到你发现 1 MB 的商品图变成 3 MB 的 PNG,加载慢三倍。存 JPEG。照片永远用 JPEG。
- 反复另存同一张 JPEG。 每次"另存为"都会重新压缩。两三轮之后,涂抹感累积,照片开始发糊,文件大小却几乎不动。压缩一次,从原始文件(你的 RAW 导出或相机 JPEG)直接压。
- 用服务器端在线压缩工具。 你的商品图传到陌生人的服务器,处理完再回来。对未上市的设计或预售商品,这是 IP 泄露风险。浏览器端压缩全程在你设备上跑——文件不出电脑。很多卖家手里有未上市库存或自有设计,这点比多数人想的重要。
- 忽略 70–80 之间的甜点区。 节省曲线在最上面最陡。95→75 砍掉 68%。60→50 只省 11%。所有容易的增益都在 85 到 70 之间。注意力该放这里。
特定场景的延伸指南
你的商品图需求可能比上面的一般情况更具体。如果你撞上某个体积上限或特定平台,这些指南挖得更深:
- 专门在 亚马逊 上卖(他们有更严的 1 MB 目标和强制白底)?读 亚马逊商品图压缩指南。
- 需要把照片压到 50 KB 以内 应对严格的表单或头像限制? 50 KB 以内实操 正好讲这个。
- 好奇质量 60 和质量 80 差别真有那么大? JPEG 质量深潜 用四种图并排对比。
- 同时经营 Shopify 独立站? 图片速度直接影响 Core Web Vitals 和 Google 排名。看 Shopify 图片指南。
- 截 分析数据或设计稿 的图放进详情页? 截图存成 JPG 会糊。 截图压缩指南 让文字保持锐利。
结论
别再改你商品图的尺寸了。保持全分辨率——最短边至少 2000 像素——把它们在质量 75(纹理重的用 80)下压成 JPEG。1.1 MB 的照片变 58 KB。九张图总共 522 KB,而不是 10 MB。你的详情页在手机上加载更快,放大还能用,而且你没装软件、没建账号、没把照片发给任何人的服务器。
下次你准备把分辨率滑块往左拖的时候,停。拖质量滑块。同样的结果,零损失。