---
title: "WooCommerce 商品图片尺寸与要求（2026） | Herofab"
description: "上传至少800 × 800像素的商品图片；WooCommerce 会按主题设定的单品图、目录图和缩略图尺寸调整大小。"
url: https://herofab.app/zh/guides/woocommerce-product-image-size
language: zh-Hans
updated: 2026-10-12
---

# WooCommerce 商品图片要求

上传至少800 × 800像素的商品图片；WooCommerce 会按主题设定的单品图、目录图和缩略图尺寸调整大小。

![白色圆领 T 恤的白底隐形模特图](https://herofab.app/img/ex/tee-ghost-886.webp)

使用 Herofab 生成 · 隐形模特

## WooCommerce 全部图片要求

来源：[WooCommerce Documentation — Adding product images and galleries; Fixing blurry product images](https://woocommerce.com/document/adding-product-images-and-galleries/)。于2026年10月11日核实。 [再次查阅 · 2026年10月11日](https://herofab.app/zh/guides/marketplace-image-rule-changes)

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

[免费检测您的图片](https://herofab.app/zh/tools/image-size-checker)

## WooCommerce 的要求，全面满足。

Herofab 图像以2K或4K交付，在所有宽高比下均超过800 × 800像素，因此一次上传即可满足 WooCommerce 的单品图片、目录图片和缩略图。使用套餐或积分包生成的图像不带水印或附加文字。

### 超过800 × 800

2K和4K输出在所有宽高比下均超过 WooCommerce 建议的尺寸。

### 目录使用正方形

正方形输出符合1:1缩略图设置，WooCommerce 无需裁切商品。

### 无水印

使用套餐或积分包生成的图像不带水印或附加文字。

[免费开始](https://app.herofab.app/login?lang=zh) · [WooCommerce 商品图](https://herofab.app/zh/tools/product-photos-for-woocommerce)

## WooCommerce：常见问题解答。

**WooCommerce 商品图片应为多大尺寸？**

上传至少800 × 800像素的商品图片；WooCommerce 会按主题设定的单品图、目录图和缩略图尺寸调整大小。

**上传前可以检测图片吗？**

可以。免费的[图片尺寸检测工具](https://herofab.app/zh/tools/image-size-checker)会在浏览器中读取每个文件，并按照这些规则进行检测；图片不会被上传。

**这些数据来自哪里？**

来自 WooCommerce Documentation — Adding product images and galleries; Fixing blurry product images，于2026年10月11日查阅。电商平台会更新其规则，请以[官方页面](https://woocommerce.com/document/adding-product-images-and-galleries/)为最终依据。

[虚拟试穿](https://herofab.app/zh/tools/virtual-try-on) · [背景移除](https://herofab.app/zh/tools/background-remover) · [全部指南](https://herofab.app/zh/guides/)