--- title: "WooCommerce 商品图：白底上的商品 | Herofab" description: "一张商品的手机照片变成正方形白底图，尺寸足以满足 WooCommerce 的单个商品图片、目录图片和缩略图。" url: https://herofab.app/zh/tools/product-photos-for-woocommerce language: zh-Hans updated: 2026-10-12 --- # 一张白底图，WooCommerce 的三种图片尺寸。 WooCommerce 由一次上传生成各种显示尺寸：单个商品图片、目录图片和缩略图，各自的尺寸由主题设定。Herofab 的白底图影棚根据一张手机照片，交付白色影棚背景上的商品单品图，以2K或4K输出，高于 WooCommerce 建议的上传尺寸。 [免费开始](https://app.herofab.app/login?lang=zh) · [白底图影棚](https://herofab.app/zh/tools/packshot-studio) ![棕色皮革托特包单独置于白色影棚背景上，正面视角](https://herofab.app/img/ex/tote-packshot-1100.webp) 使用 Herofab 生成 · 白底图影棚 ## 主题如何处理商品图片。 1. ### 一次上传，三种尺寸 WooCommerce 使用三类图片：单个商品图片、商店页面等商品循环中的目录图片，以及商品缩略图。它们全部由上传的文件生成。WooCommerce 建议了一个最小上传尺寸，并倾向于用更大的图片呈现细微的细节。Herofab 的2K和4K输出在每种宽高比下都高于这一尺寸。 2. ### 为目录裁切准备正方形 目录缩略图可以裁切为正方形、裁切为自定义比例，或不作裁切，而未裁切的图片可能以参差不齐的尺寸显示。正方形白底图适合正方形设置，不会裁到商品。每张白底图只展示一次商品，居中并占据画面的大部分，因此商店页面上的各件商品以同一大小比例呈现。 3. ### 缩放、视网膜屏与重新生成缩略图 在 Storefront 主题中，最大的单个商品图片具有其缩放效果所需的尺寸；针对视网膜屏，WooCommerce 建议把缩略图设为主题渲染尺寸的两倍。较大的上传文件为两者都留出了余地。启用新主题或更改图片尺寸后，现有的缩略图需要重新生成。 ## WooCommerce 的要求。 来源：[WooCommerce Documentation — Adding product images and galleries; Fixing blurry product images](https://woocommerce.com/document/adding-product-images-and-galleries/)。于2026年10月11日核实。 - **建议尺寸:** 上传至少800 × 800像素的图片；对于细节精细的商品，图片越大越好 - **图片类型:** 三种类型：单品图片、商店页面等商品循环中的目录图片，以及商品缩略图 - **尺寸调整:** WooCommerce 根据上传的图片生成各显示尺寸；在经典主题中，单品图片默认宽600像素，目录缩略图默认宽300像素，图库缩略图默认为100 × 100像素 - **裁切:** 目录缩略图可设为1:1、自定义比例或不裁切；未裁切的图片可能显示为大小不一 - **Storefront 主题:** 在 Storefront 主题中，单品图片最大为800 × 800像素，这是该主题的放大效果所需的尺寸 - **Retina:** 要在 Retina 屏幕上清晰显示，请将缩略图设为主题渲染尺寸的两倍 - **更改:** 启用新主题或更改图片尺寸设置后，需要重新生成此前创建的缩略图 [WooCommerce 商品图片要求](https://herofab.app/zh/guides/woocommerce-product-image-size) · [免费检测您的图片](https://herofab.app/zh/tools/image-size-checker) ## 用于 WooCommerce 白底图的手机照片。 - 把商品摆成紧凑的姿态，提手竖起，线缆或带子收拢贴近，让它填满正方形而四角不留大片空白。 - 桌子、手、盒子或价签可以留在照片里，因为工具按要求只使用商品本身；要紧的是它们都没有遮住商品的任何部分。 - 按下快门前，轻点标签或最细的缝线来对焦；主题的缩放会放大单个商品图片，原图的模糊会最先在那里显现。 ## WooCommerce 商品图：常见问题解答。 **WooCommerce 店铺需要为每种图片尺寸单独准备文件吗？** 不需要。WooCommerce 由一次上传生成单个商品图片、目录图片和图库缩略图，尺寸由主题设定。上传文件需要具备的是足够的像素：WooCommerce 建议了一个最小尺寸，并倾向于用更大的图片呈现细微的细节。白底图以2K交付，也可选择4K，两者都高于这一建议。 **为什么目录图片显示出来大小不一？** WooCommerce 允许目录缩略图不作裁切，形状各异的未裁切图片便可能以参差不齐的尺寸显示。解决它靠两点：一项裁切设置，正方形或自定义比例；以及上传时就已是同一形状的图片。每件商品都按正方形订购的白底图，原样即可适合正方形设置。如果之后更改设置，缩略图需要重新生成。 **白底图可以带阴影，或者使用白色以外的底面吗？** 两者都是设置项。白底图影棚提供柔和的接触阴影、无阴影或倒影；除影棚白之外，还可以把商品置于灰色或米色、大理石、木材或亚麻上，置于展台上、户外、家居环境中，或店铺自己的图片上。本页列出的 WooCommerce 规则涉及尺寸和裁切，并未规定背景，因此选择权在店铺。 **费用是多少？** 每张图像4积分，选择4K时另加一个积分。费用在生成前显示；如任务失败，积分将退还。注册时赠送的20免费积分可用此工具生成5张图像。 [白底图影棚](https://herofab.app/zh/tools/packshot-studio) · [商品影棚](https://herofab.app/zh/tools/product-photography) · [主图](https://herofab.app/zh/glossary/main-image) · [纯白背景](https://herofab.app/zh/glossary/pure-white-background) · [白底图](https://herofab.app/zh/glossary/packshot) 按商品分类的案例 [Ecwid 商品图](https://herofab.app/zh/tools/product-photos-for-ecwid) · [Etsy 商品图](https://herofab.app/zh/tools/product-photos-for-etsy) · [Shopify 商品图](https://herofab.app/zh/tools/product-photos-for-shopify) · [Faire 商品图](https://herofab.app/zh/tools/product-photos-for-faire) · [Squarespace 商品图](https://herofab.app/zh/tools/product-photos-for-squarespace) · [Wix 商品图](https://herofab.app/zh/tools/product-photos-for-wix) · [ABOUT YOU 商品图](https://herofab.app/zh/tools/product-photos-for-about-you) · [Trendyol 商品图](https://herofab.app/zh/tools/product-photos-for-trendyol)