Image preparation
Prepare clear product and campaign images for your Core Shopify store, with guidance on cropping, file formats, alt text and mobile checks.
Choose the right format
Use WebP or JPEG for photographs. Use PNG when transparency or fine graphic detail requires it. Keep the original file separately so you can export a different size later.
Keep related images consistent
Products in the same grid are easier to scan when their images use similar proportions and framing. Check how much empty space surrounds each product and whether important details remain visible in a small thumbnail.
Review crops on mobile
A wide desktop image may crop differently on a phone. Keep important subjects away from the edges, and check any text placed over the image at both sizes.
Before publishing
- Give the image a descriptive filename.
- Add useful alternative text that explains the image’s purpose.
- Compress the exported file and inspect it at its displayed size.
- Check the page on a phone, including any zoom or gallery controls.
No single size fits every placement
A product thumbnail and a full-width campaign image have different needs. Review the actual placement before choosing an export size.