主题如何处理商品图片。
- 1
一次上传,三种尺寸
WooCommerce 使用三类图片:单个商品图片、商店页面等商品循环中的目录图片,以及商品缩略图。它们全部由上传的文件生成。WooCommerce 建议了一个最小上传尺寸,并倾向于用更大的图片呈现细微的细节。Herofab 的2K和4K输出在每种宽高比下都高于这一尺寸。
- 2
为目录裁切准备正方形
目录缩略图可以裁切为正方形、裁切为自定义比例,或不作裁切,而未裁切的图片可能以参差不齐的尺寸显示。正方形白底图适合正方形设置,不会裁到商品。每张白底图只展示一次商品,居中并占据画面的大部分,因此商店页面上的各件商品以同一大小比例呈现。
- 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张图像。
