What are the optimal file output settings for AI e-commerce images?
3 min read
Quick Answer
There is no single optimal export preset for every e-commerce destination. For photographic product images, use WebP when the destination accepts it or JPEG for broad marketplace compatibility; use PNG or lossless WebP when the file needs transparency or lossless pixel data. Convert delivery copies to sRGB, size them for the actual placement, and judge lossy compression by visible results rather than a universal quality percentage.
Which file format should I choose for e-commerce product images?
Choose the format from the image content and the destination's accepted uploads. MDN's image-format guide describes JPEG as a lossy format suited to photographs, PNG as lossless with full alpha transparency, and WebP as a format with lossy, lossless, and transparency support.
| Format | Best fit | Important limitation |
|---|---|---|
| JPEG | Photographic product images and marketplaces that prefer it | Lossy and has no alpha channel; repeated re-exports can add artifacts |
| WebP | Storefronts and image pipelines that explicitly accept it | A marketplace or older downstream tool may reject the upload |
| PNG | Transparent cutouts, graphics, text-heavy images, or a lossless handoff | Usually much larger than JPEG or lossy WebP for photographs |
Choosing PNG or WebP does not make a white background transparent. The exported file must contain an alpha channel, and the destination must preserve it. Keep the original source or a lossless master for editing, but do not convert an existing JPEG to PNG in the hope of restoring detail that JPEG compression already removed.
How should I set image dimensions, aspect ratio, and compression?
Set the aspect ratio for the exact placement rather than assuming one ratio fits a whole platform. Cropping can remove part of the product, while stretching changes its shape. If you control the storefront, generate several pixel widths and use srcset and sizes; web.dev's responsive-image guidance explains how those attributes let the browser choose for the viewport, display density, and connection instead of sending one oversized file to every visitor.
Lossy quality numbers are encoder settings, not a universal standard. Export a delivery copy with the final encoder, inspect it at its real display size, and reduce the file size until further compression visibly damages label text, product edges, texture, or smooth gradients. Use a fixed byte target only when the destination publishes one.
Nightjar exposes JPEG, PNG, and WebP output; 1K, 2K, and 4K resolution where supported; and ten aspect ratios: 1:1, 4:3, 3:2, 2:3, 5:4, 4:5, 3:4, 16:9, 9:16, and 21:9. Its cohesive four-image Photoshoot output supports 1K or 2K, not 4K. Nightjar also has a feature called Recipes: saved Create-form setups that carry the aspect ratio, resolution, and output format to the next product without reselecting them.
Which color profile and metadata should e-commerce images use?
Convert the image data to sRGB before web or marketplace delivery, then tag it as sRGB or embed the correct ICC profile when the exporter supports that option. The W3C PNG specification defines both embedded ICC profiles and an explicit sRGB tag; tagging a file is not a substitute for converting its colors into that space.
Remove unnecessary GPS, device, and editing-history metadata from public delivery copies, but retain creator, credit, copyright, and licensing fields when they matter. Google's image-metadata guidance notes that removing metadata can reduce file size while recommending that critical rights and identification fields remain. Add a descriptive filename and accurate alt text in the storefront or CMS; embedded metadata does not replace page-level accessibility and image context.
What current platform limits should I check before uploading?
Platform rules override general format advice and can change:
- Shopify: Shopify accepts PNG, JPEG, and WebP among other formats, and its image service chooses a delivery format for the visitor's browser. Its current product-image limit is 5000 × 5000 pixels or 25 megapixels and less than 20 MB; 2048 × 2048 pixels is guidance for a square product image, not a rule for every layout. Check the live Shopify product media documentation.
- Amazon: Amazon currently prefers JPEG and images larger than 1,000 pixels on the longest side for zoom. Its stated technical range is 500 to 10,000 pixels on the longest side, with JPEG, TIFF, PNG, and non-animated GIF accepted. Main-image and category rules are separate, so confirm the live Amazon Product Image Requirements before publishing.
Consistent and on brand AI photoshoots, optimized for conversion.
Nightjar