--- title: "BigCommerce 商品图：统一宽高比 | Herofab" description: "Herofab 根据一张照片生成影棚和风格化商品图像，高于 BigCommerce 称为最佳的尺寸，并采用主题所用的同一比例。" url: https://herofab.app/zh/tools/product-photos-for-bigcommerce language: zh-Hans updated: 2026-10-12 --- # BigCommerce 商品图片，按主题的比例生成。 BigCommerce 会根据每张上传的图片生成缩略图和其他尺寸，比例与主题设置不符的图片会被拉伸或压缩。Herofab 的商品影棚根据一张照片把商品置于影棚背景或风格化场景中，并以同一宽高比交付整个商品目录，可选2K或4K。 [免费开始](https://app.herofab.app/login?lang=zh) · [商品影棚](https://herofab.app/zh/tools/product-photography) ![同一香水瓶置于木质台面上](https://herofab.app/img/ex/perfume-wood-1100.webp) 使用 Herofab 生成 · 商品影棚 ## BigCommerce 主题如何处理上传的图片。 1. ### 不会被主题拉变形的比例 BigCommerce 建议让用作缩略图的商品图片保持同一宽高比，比例与主题设置不同的图片会被拉伸或压缩。请先查明主题所需的比例，再让每件商品都按它订购。商品影棚交付正方形、竖版和横版，因此形状在订购时就已确定。 2. ### 上传时会移除色彩配置文件 BigCommerce 在商品图片上传时会去除色彩配置文件，并建议保存图片时不带配置文件。因此，店铺显示的是不含配置文件的图片，颜色检查应放在上传之后：在日光下把商品页面与实物比对，先从浓烈的红色、深蓝色和金属质感的表面看起。 3. ### 第一张图片及其描述 商品图片列表中的第一张，是商品页面和 Quick View 中的默认图片，因此最能看清整件商品的视图应放在这里。图片描述会成为 alt 标签，留空时 BigCommerce 使用商品名称。变体图片没有描述，每个变体只有一张图片。 ## BigCommerce 的要求。 来源：[BigCommerce Help Center — Adding Products (v3); How Products Work; Platform Limits; Optimizing Your Images; Adjusting Your Store Image Settings; Troubleshooting Your Store Images; Importing Product Variants, Images, and Other Complex Attributes; BigCommerce Developer Docs — Create Product Image](https://support.bigcommerce.com/s/article/Adding-Products-v3)。于2026年10月12日核实。 - **建议尺寸:** 1,280 × 1,280像素是商品图片的最佳尺寸，不过主题的文档可能会建议其他尺寸 - **格式:** JPEG/JPG、GIF、WebP 和 PNG；不支持 TIFF 和 PDF，CSV 导入还不支持 BMP - **文件大小:** 每张商品图片和变体图片最大8 MB - **数量:** 每件商品最多1,000张图片，其中250张显示在控制面板中，每个变体1张图片 - **放大:** 主题的 Image sizes 设置控制悬停时显示的放大图；API 文档指出，放大图应提供小于1,280 × 1,280像素的图片，否则将返回调整过尺寸的图片 - **缩略图:** 缩略图和其他尺寸由上传的图片生成；列表中的第一张图片是商品页和 Quick View 中的默认图片 - **宽高比:** 用作缩略图的商品图片最好保持相同的宽高比；比例与主题设置不符的图片会被拉伸或压缩 - **自动优化:** BigCommerce CDN 以无损设置压缩图片，并可能转换文件格式；基于 Cornerstone 4.0或更高版本的 Stencil 主题使用 srcset 提供响应式图片尺寸 - **替代文本:** 图片描述会成为 alt 标签；如果留空，则使用商品名称；变体图片不支持描述 - **色彩配置文件:** 商品图片上传时会被去除色彩配置文件，因此建议保存不带色彩配置文件的图片 [BigCommerce 商品图片要求](https://herofab.app/zh/guides/bigcommerce-product-image-size) · [免费检测您的图片](https://herofab.app/zh/tools/image-size-checker) ## BigCommerce 商品目录所用的原图。 - 高的商品立着拍，宽的商品平放着拍，四周都留出空间，这样无论主题采用哪种比例，商品都能完整地放进去。 - 在日光下拍摄并关闭闪光灯：BigCommerce 在上传时会移除色彩配置文件，而原图中如实记录的颜色，正是之后比对的依据。 - 让雕刻、缝线和标签文字保持清晰对焦；主题在悬停时显示放大的图片，原图中的模糊最先在那里显现。 ## BigCommerce 商品图：常见问题解答。 **2K输出对 BigCommerce 商品页面来说足够大吗？** 正方形2K输出高于 BigCommerce 称为商品图片最佳的尺寸，另有4K可选。BigCommerce 补充说，主题的文档可能建议不同的尺寸，因此值得先查阅主题自己给出的数值。缩略图和其他显示尺寸都由上传的图片生成，所以一个文件即可满足全部需要；最佳尺寸见本页的表格。 **悬停放大时显示的是哪张图片？** 主题的“Image sizes”设置控制悬停时显示的放大图片。BigCommerce 的 API 文档说明，放大图片应提供低于规定尺寸的图片，否则返回的是调整过尺寸的图片。因此，2K或4K的上传文件在该视图中是以调整后的尺寸显示的，悬停放大也就成了在线上页面检查标签或接缝的地方。 **BigCommerce 会怎样处理上传的 PNG 或 JPG？** Herofab 提供下载的 PNG 和 JPG 都为 BigCommerce 所接受，GIF 和 WebP 也是；TIFF 和 PDF 不受支持。每张商品图片和变体图片都有文件大小上限，见本页的表格。之后，BigCommerce CDN 会以无损设置压缩图片，并可能转换格式，因此购物者的浏览器收到的是 BigCommerce 处理后的文件版本。 **费用是多少？** 每张图像4积分，选择4K时另加一个积分。费用在生成前显示；如任务失败，积分将退还。注册时赠送的20免费积分可用此工具生成5张图像。 [商品影棚](https://herofab.app/zh/tools/product-photography) · [主图](https://herofab.app/zh/glossary/main-image) · [生活场景图](https://herofab.app/zh/glossary/lifestyle-image) · [宽高比](https://herofab.app/zh/glossary/aspect-ratio) 按商品分类的案例 [Shopware 商品图](https://herofab.app/zh/tools/product-photos-for-shopware) · [Webflow 商品图](https://herofab.app/zh/tools/product-photos-for-webflow) · [Square Online 商品图](https://herofab.app/zh/tools/product-photos-for-square-online) · [Lightspeed eCom 商品图](https://herofab.app/zh/tools/product-photos-for-lightspeed) · [Big Cartel 商品图](https://herofab.app/zh/tools/product-photos-for-big-cartel) · [SHOPLINE 商品图](https://herofab.app/zh/tools/product-photos-for-shopline) · [Wayfair 商品图](https://herofab.app/zh/tools/product-photos-for-wayfair) · [Orderchamp 商品图](https://herofab.app/zh/tools/product-photos-for-orderchamp)