Misaligned category grids
Mixing 4:3, 1:1, and random phone ratios breaks WooCommerce theme layouts. Berrys forces uniform aspect ratios across all SKUs.
AI product photography for WooCommerce: high-speed WebP galleries & catalog grid consistency
WooCommerce powers millions of independent DTC brands, but maintaining catalog image consistency and page load performance is a constant challenge. Theme templates (like Storefront, Astra, or WoodMart) expect uniform aspect ratios (1:1 or 3:4) and zoom floors (800px to 2048px). Unoptimized, inconsistent product photos slow down site speed, hurt Core Web Vitals, and ruin category grid alignment. Berrys generates high-res product galleries and exports web-optimized WebP assets under 300KB.
Reviewed October 2026 · Prepared by Berrys · Technical specifications & Canvas node workflows
WooCommerce product image guidelines (checked October 2026)
| Parameter / Slot | Marketplace & Production Requirement |
|---|---|
| Catalog grid ratio | 1:1 square (1000×1000) or 3:4 portrait (1000×1333) across all SKUs |
| Zoom floor | 800px minimum width for WooCommerce lightbox zoom; 1600px–2048px recommended |
| File format & weight | WebP or compressed JPG; target <300KB per image for fast LCP scores |
| Gallery depth | 4–8 gallery photos per product page for high conversion |
| Batch export | Bulk import support via WooCommerce CSV / REST API |
Why WooCommerce stores struggle with image scaling
Page speed degradation
Uncompressed 5MB camera files kill mobile load times and hurt Google rankings. Berrys auto-compresses to WebP.
Inconsistent studio lighting
Adding new products months apart creates a fragmented store look. Berrys saves your brand lighting recipe permanently.
How Berrys optimizes WooCommerce
Brand Memory Recipe
Lock studio lighting, shadow density, and background tone once for your entire store.
Automated WebP Compression
Export crisp 2048px WebP files optimized specifically for fast web delivery.
Batch Catalog Exporter
Process entire WooCommerce CSV export files in automated canvas batch runs.
Production workflows in Berrys Canvas
WooCommerce bulk catalog normalizer
1. File Node: Ingest supplier product images via WooCommerce CSV export.\n2. Brand System Node: Enforce uniform 1:1 aspect ratio and brand background tone.\n3. Image Node (Nano Banana 2.1): Render high-res 2048×2048 masters maintaining consistent product scale across shop archives.
Category aesthetic & shadow alignment
1. File Node: Connect multi-SKU category catalog.\n2. Brand System Node: Lock universal lighting angle and floor contact shadow physics.\n3. Image Node (Nano Banana 2.1): Batch render all products so the WooCommerce archive grid looks completely unified.
Next-gen WebP export pipeline
1. File Node: Connect approved 2048px masters.\n2. Export Node: Automatically generate responsive WebP assets compressed for Core Web Vitals.\n3. Integration: Ready for direct upload into wp-content/uploads.
Berrys Plugins · Model Context Protocol (MCP)
Create in chat. Keep it on your canvas.
Already working in an AI agent? Connect Berrys to Claude, Cursor, ChatGPT, Codex, or Hermes. Your agent plans the woocommerce stores suite and runs the shots on your Berrys canvas, with saved Brand Memory and credit approval in chat.
Connector URL:
https://app.berrys.io/api/mcpRemote MCPDrop-in Agent Brief (WooCommerce stores)
Using Berrys, normalize a WooCommerce product catalog from references in ./assets: 1. File node: Ingest product packshots. 2. Brand System node: Standardize to 1:1 square ratio with unified studio lighting and contact shadows. 3. Image node (Nano Banana 2.1): Render 2048×2048 master images. 4. Export: Generate responsive WebP files optimized for fast WooCommerce archive load speeds. Estimate credit cost and request approval before generating.
Compliance & production boundaries
Site speed and visual uniformity drive WooCommerce sales. Focus on clean, high-res WebP assets.
When NOT to use AI generation for this
- Uploading raw 5MB+ uncompressed camera files
- Mixing different aspect ratios in the same product category
Frequently asked questions
What is the best product image size for WooCommerce?
1000×1000px or 1200×1200px square WebP images offer the optimal balance between high-res zoom and fast page speed.
Does WooCommerce support WebP images natively?
Yes, modern WordPress and WooCommerce versions natively support WebP images.
How do I prevent misaligned product grids in WooCommerce?
Ensure all product main images share the exact same aspect ratio and padding space around the item.
Related tool comparisons & guides
In-Depth Guides & Research from Berrys Journal
Create on-brand assets without booking a studio
Start free on Berrys Canvas — 50 credits, no card required — or send Berrys Studio a brief and get finished campaign visuals with agency art direction.