--- title: "什么是宽高比 (长宽比)？含义与电商平台规则 | Herofab" description: "宽高比表示图片宽度与高度之间的关系，例如正方形图片为 1:1、竖版图片为 3:4；电商平台会规定宽高比，让商品在商品网格中整齐排列。" url: https://herofab.app/zh/glossary/aspect-ratio language: zh-Hans updated: 2026-11-12 --- # 宽高比 宽高比表示图片宽度与高度之间的关系，例如正方形图片为 1:1、竖版图片为 3:4；电商平台会规定宽高比，让商品在商品网格中整齐排列。 又称 **长宽比** 使用 Herofab [电商平台图片尺寸调整工具](https://herofab.app/zh/tools/marketplace-image-resizer) ![同一张街景照片扩展为宽幅16:9画面，模特和大衣保持不变](https://herofab.app/img/ex/coat-wide-1600.webp) 使用 Herofab 生成 · 扩展画面 正方形图片适合综合类电商平台；竖版格式适合时尚品类，因为站立的模特正好填满竖长的画面。宽高比不符的图片通常会被电商平台填充或裁切。 拍摄后更改宽高比，要么进行填充（增加空白区域），要么扩展背景（在商品周围增加新的图像区域）。 计算比例时，将宽和高分别除以二者的最大公约数：1,200 × 1,800像素除以600得到2:3，2,200 × 2,200像素则是1:1。1:1.44这样的比例表示高度是宽度的倍数：宽1,000像素的图像，高度应为1,440像素。 ## 宽高比为什么对商品页很重要 搜索结果和品类页面都是网格。每个格子形状相同，形状不同的图片要么被裁切以适应格子，要么被缩小并补上空白条。前一种情况下商品的一部分会丢失；后一种情况下商品看起来比相邻的商品小。 宽高比还决定商品有多少空间。竖长的画面适合站立的模特或长裙；正方形画面适合包、鞋或盒装商品。在拍摄前选定宽高比，可以避免事后重新构建画面。 ## 常见的宽高比及其用途 少数几种比例覆盖了线上零售的大部分场合。1:1是综合类电商平台和商品网格使用的正方形。4:5和3:4是时尚品类和社交媒体信息流使用的竖版格式。2:3是经典的竖版照片画幅。9:16在快拍和短视频中占满手机屏幕，16:9则是横幅和视频使用的宽幅画面。 宽高比按宽比高的顺序书写，因此4:5是竖版，5:4是横版。它不说明尺寸：一张小图和一张大图可以有相同的比例。 ## 拍摄后更改宽高比 更改宽高比有三种方式，每一种都有代价。裁切会去掉画面的一部分。填充保留全部内容，并在两条边上加上纯色空间，通常是白色。扩展是在画面周围加上新的背景，商品保持原有大小，但会产生从未被拍摄过的图像区域。 哪一种合适取决于图片。纯白底上的商品，填充后不留痕迹。场景中的模特则必须扩展背景或重新拍摄，因为街景旁边出现一条白边，看起来像是失误。 > **使用 Herofab** > > 将照片调整为电商平台的尺寸：填充留白，绝不裁切。 > > [电商平台图片尺寸调整工具](https://herofab.app/zh/tools/marketplace-image-resizer) ## 宽高比与相关术语 - **[图片尺寸](https://herofab.app/glossary/image-dimensions):** 图片尺寸是以像素表示的宽度和高度。宽高比是这两个数值之间的关系；尺寸相差很大的图片可以有相同的比例。 - **![白色背景上的一双奶油色皮革高跟鞋](https://herofab.app/img/ex/heels-packshot-1100.webp) [商品占比](https://herofab.app/glossary/product-fill):** 商品占比是商品在画面中所占的份额。把图片填充到新的比例会降低商品占比，在电商平台设有最低要求的地方，这一点可能有影响。 - **[AI 扩图](https://herofab.app/zh/glossary/outpainting):** AI 扩图通过生成新的背景，把图片延伸到原有边缘之外。它可以在不裁切主体、不添加空白条的情况下得到新的比例。 - **缩略图:** 缩略图是图片的缩小版本，显示在列表中。它通常按网格的比例裁切，因此比例不同的图片最先在这里失去边缘部分。 ## 更改宽高比前的检查清单 - 目标比例来自销售渠道的规则，而不是相机的默认设置。 - 更改之后，整件商品仍在画面内，四周都留有一些空间。 - 填充部分与背景颜色相同，看不出任何色条或边线。 - 扩展出的区域已经仔细查看：地面、阴影和图案自然延续，没有接缝。 - 裁切后图片的像素尺寸仍然足够大，因为裁切在去掉画面的同时也去掉了像素。 ## 宽高比：常见问题解答。 **怎样更改照片的宽高比而不裁掉商品？** 增加图像区域，而不是把它裁掉。填充是用纯色补上缺少的空间，适合白底上的商品；扩展背景则是延续场景，适合模特上身图和生活场景图。Herofab 的“扩展画面”工具只生成原图周围的新区域，因此商品本身保持不变。 **拍商品照片该用哪种宽高比？** 无论相机提供哪种比例，拍摄时都在商品四周留出余地，这样照片可以裁成不止一种形状。各电商平台要求不同：有的要正方形图片，有的要竖版图片；为其中一种而紧凑构图的照片，要变成另一种，就得损失商品的一部分或补上背景。构图宽松、商品居中的照片，两种都能裁出来。 **宽高比和图片尺寸是一回事吗？** 不是。图片尺寸也称像素尺寸，是宽度和高度的像素数。宽高比只是两者之间的关系。正方形图片可以小，也可以大；两者都是1:1。电商平台通常两项都作规定：规定比例，使商品页排列整齐；规定最小尺寸，使图片保持清晰。 **上传的图片宽高比不对会怎样？** 这取决于电商平台。有的拒绝接收文件，有的按自己的网格裁切，有的把图片缩小，再用白色或灰色条填满其余部分。裁切可能切掉商品的一部分，空白条则让商品在其他商品页旁边显得更小。Herofab 的免费“电商平台图片尺寸调整工具”把照片缩放至电商平台推荐的尺寸以内，并以白色填充，不裁切商品。 **哪种宽高比同时适用于网店和社交媒体？** 没有一种比例适合所有位置，因此实际的做法是准备一张主体四周留有空间的母版图。从四周都留有空间的竖版母版中，可以裁出用于商品网格的1:1、用于信息流的4:5和用于快拍的9:16，而不损失商品。构图紧凑的母版则一种也裁不出来。 ## 电商平台如何规定。 更新于2026年9月25日 - **Walmart:** 正方形（1:1），2,200 × 2,200像素 [官方页面](https://marketplacelearn.walmart.com/guides/Item%20setup/Item%20content,%20imagery,%20and%20media/Product-detail-page:-Image-guidelines-&-requirements) - **TikTok Shop:** 最多九张正方形图片 [官方页面](https://seller-us.tiktok.com/university/essay?knowledge_id=3196690250417921) - **Zalando:** 1:1.44，竖版 [官方页面](https://partner.zalando.com/university/article/zalando-image-guidelines) - **ABOUT YOU:** 3:4，竖版，适用于模特图和半身图 [官方页面](https://docs.partner.aboutyou.com/user-guide/product-image-requirements) - **Amazon:** 服装主图接近3:4（宽比高） [官方页面](https://sellercentral.amazon.com/help/hub/reference/external/G200498950) - **Trendyol:** 1,200 × 1,800像素（2:3） [官方页面](https://developers.trendyol.com/docs/%C3%BCr%C3%BCn-yaratma-v2) 相关术语 [扩展画面](https://herofab.app/zh/tools/extend-image) · [电商平台图片尺寸调整工具](https://herofab.app/zh/tools/marketplace-image-resizer) · [商品占比](https://herofab.app/glossary/product-fill) · [图片放大](https://herofab.app/glossary/image-zoom) · [主图](https://herofab.app/glossary/main-image) · [DPI](https://herofab.app/glossary/dpi) · [图片尺寸](https://herofab.app/glossary/image-dimensions) · [百万像素](https://herofab.app/glossary/megapixel) · [AI 扩图](https://herofab.app/zh/glossary/outpainting) · [图片高清放大](https://herofab.app/glossary/image-upscaling) · [全部术语](https://herofab.app/zh/glossary/) 免费工具 [商品图检测工具](https://herofab.app/tools/product-photo-checker) [电商平台图片尺寸调整工具](https://herofab.app/zh/tools/marketplace-image-resizer) [图片压缩工具](https://herofab.app/tools/image-compressor) [AI 图片标识检测工具](https://herofab.app/tools/ai-image-checker)