语言: ZH
免费开始

一张白底图,WooCommerce 的三种图片尺寸。

WooCommerce 由一次上传生成各种显示尺寸:单个商品图片、目录图片和缩略图,各自的尺寸由主题设定。Herofab 的白底图影棚根据一张手机照片,交付白色影棚背景上的商品单品图,以2K或4K输出,高于 WooCommerce 建议的上传尺寸。

棕色皮革托特包单独置于白色影棚背景上,正面视角
原始照片: 挂在门上. 使用 Herofab 生成 · 白底图影棚
注意事项

主题如何处理商品图片。

  1. 1

    一次上传,三种尺寸

    WooCommerce 使用三类图片:单个商品图片、商店页面等商品循环中的目录图片,以及商品缩略图。它们全部由上传的文件生成。WooCommerce 建议了一个最小上传尺寸,并倾向于用更大的图片呈现细微的细节。Herofab 的2K和4K输出在每种宽高比下都高于这一尺寸。

  2. 2

    为目录裁切准备正方形

    目录缩略图可以裁切为正方形、裁切为自定义比例,或不作裁切,而未裁切的图片可能以参差不齐的尺寸显示。正方形白底图适合正方形设置,不会裁到商品。每张白底图只展示一次商品,居中并占据画面的大部分,因此商店页面上的各件商品以同一大小比例呈现。

  3. 3

    缩放、视网膜屏与重新生成缩略图

    在 Storefront 主题中,最大的单个商品图片具有其缩放效果所需的尺寸;针对视网膜屏,WooCommerce 建议把缩略图设为主题渲染尺寸的两倍。较大的上传文件为两者都留出了余地。启用新主题或更改图片尺寸后,现有的缩略图需要重新生成。

电商平台规则中的说明

WooCommerce 的要求。

来源:WooCommerce Documentation — Adding product images and galleries; Fixing blurry product images。于2026年10月11日核实。

建议尺寸
上传至少800 × 800像素的图片;对于细节精细的商品,图片越大越好
图片类型
三种类型:单品图片、商店页面等商品循环中的目录图片,以及商品缩略图
尺寸调整
WooCommerce 根据上传的图片生成各显示尺寸;在经典主题中,单品图片默认宽600像素,目录缩略图默认宽300像素,图库缩略图默认为100 × 100像素
裁切
目录缩略图可设为1:1、自定义比例或不裁切;未裁切的图片可能显示为大小不一
Storefront 主题
在 Storefront 主题中,单品图片最大为800 × 800像素,这是该主题的放大效果所需的尺寸
Retina
要在 Retina 屏幕上清晰显示,请将缩略图设为主题渲染尺寸的两倍
更改
启用新主题或更改图片尺寸设置后,需要重新生成此前创建的缩略图
原始照片

用于 WooCommerce 白底图的手机照片。

  • 把商品摆成紧凑的姿态,提手竖起,线缆或带子收拢贴近,让它填满正方形而四角不留大片空白。
  • 桌子、手、盒子或价签可以留在照片里,因为工具按要求只使用商品本身;要紧的是它们都没有遮住商品的任何部分。
  • 按下快门前,轻点标签或最细的缝线来对焦;主题的缩放会放大单个商品图片,原图的模糊会最先在那里显现。
常见问题

WooCommerce 商品图:常见问题解答。

WooCommerce 店铺需要为每种图片尺寸单独准备文件吗?

不需要。WooCommerce 由一次上传生成单个商品图片、目录图片和图库缩略图,尺寸由主题设定。上传文件需要具备的是足够的像素:WooCommerce 建议了一个最小尺寸,并倾向于用更大的图片呈现细微的细节。白底图以2K交付,也可选择4K,两者都高于这一建议。

为什么目录图片显示出来大小不一?

WooCommerce 允许目录缩略图不作裁切,形状各异的未裁切图片便可能以参差不齐的尺寸显示。解决它靠两点:一项裁切设置,正方形或自定义比例;以及上传时就已是同一形状的图片。每件商品都按正方形订购的白底图,原样即可适合正方形设置。如果之后更改设置,缩略图需要重新生成。

白底图可以带阴影,或者使用白色以外的底面吗?

两者都是设置项。白底图影棚提供柔和的接触阴影、无阴影或倒影;除影棚白之外,还可以把商品置于灰色或米色、大理石、木材或亚麻上,置于展台上、户外、家居环境中,或店铺自己的图片上。本页列出的 WooCommerce 规则涉及尺寸和裁切,并未规定背景,因此选择权在店铺。

费用是多少?

每张图像4积分,选择4K时另加一个积分。费用在生成前显示;如任务失败,积分将退还。注册时赠送的20免费积分可用此工具生成5张图像。

按商品分类的案例
开始使用

下一个系列,本周即可完成拍摄。

注册即赠20积分,无需绑定银行卡。使用免费积分生成的图像带有水印。