XO3D Studio · Guide

CGI for E-Commerce.

Platform requirements, SKU variant production, 360° viewers, and how to produce all of it without a photoshoot for every product and every colourway.

Discuss your e-commerce brief
CGI for e-commerce product listings — packshot, 360 viewer and lifestyle from one 3D build by XO3D

E-commerce product imagery has two requirements that traditional photography struggles to fulfil cost-effectively: consistency across large SKU ranges, and delivery in multiple formats for multiple platforms simultaneously. A product available in eight colourways, selling on Amazon, Shopify, and a branded website, requiring a packshot, a lifestyle composite, and a 360° viewer — that is a significant photography brief. As a CGI brief, it is a single asset build with multiple outputs.

The e-commerce case for CGI: Once the 3D asset exists, every SKU variant, every platform format, every new angle costs production time only — no re-shoot, no new props, no location booking, no retouching of physical imperfections. The asset becomes a permanent production infrastructure for the brand.

Platform requirements

What each major platform needs.

Platform Primary Image Spec Video 360° / Interactive CGI Suitability
Amazon 2000×2000px min, white bg required for hero MP4, up to 2 min Amazon A+ 360° module Excellent — Pure white background is CGI's natural state
Shopify 2048×2048px recommended, any bg MP4 via Vimeo / YouTube embed 3D model viewer (GLB / GLTF) Excellent — Native 3D viewer support
Instagram Shop 1080×1080px (1:1), 1080×1350px (4:5) Reels 9:16 or 1:1 Not supported Excellent — Format flexibility from one build
TikTok Shop 800×800px min, white bg 9:16 vertical strongly preferred Not supported Good — Vertical format from CGI build
Retailer PDPs Varies — typically 2000px+ square Embedded MP4 Proprietary or third-party Excellent — All specs from one build

FAQ

Common questions, answered.

Can CGI produce pure white backgrounds that meet Amazon's requirements?
Yes — a white studio background is the simplest and cheapest CGI background to produce, because the environment is entirely controlled. CGI product images for Amazon are rendered against a calibrated white background with no shadows visible below the product, which meets Amazon's hero image requirements exactly. Photography achieving the same result typically requires significant post-production retouching to achieve a compliant pure white.
What is a 360° product viewer and how is it delivered?
A 360° product viewer is an interactive web component that allows the user to drag or swipe the product through a full 360° rotation. For Shopify, this is typically delivered as a GLB (GL Transmission Format Binary) file that uses Shopify's native 3D viewer. For other platforms, XO3D delivers a JavaScript-based viewer (Three.js) with an embedded 3D model, optimised for web performance. All formats are produced from the same 3D build.
How cost-effective is CGI for large SKU ranges?
The CGI break-even point versus photography typically occurs at 3–5 SKUs for a simple product range. Above this, CGI is consistently cheaper per SKU — because the asset is built once and additional SKUs are material swaps, not new builds. For a brand with 20 SKUs across 4 colourways, CGI is almost always significantly cheaper than photography, and dramatically faster to update when product designs change.

Start the conversation

Running an e-commerce brand with a large product range?

Tell us about your SKU count, your platforms, and your current imagery process. We will show you how CGI changes the economics.

Discuss your e-commerce brief