Skip to Content

Product Images

Best practices for product and category images.


Image Format Recommendations

Use CaseRecommended FormatShape
Product cards.webpSquare
Category covers.webpRectangular
Shop covers.webp or LottieRectangular

Why Square Images for Products?

Product cards display best with square (1:1) aspect ratio. This ensures consistent appearance across all product listings.


Why WebP Format?

  • Faster loading times
  • Better compression without quality loss
  • Optimized for mobile devices

Image Quality Guidelines

  • Use clear, high-resolution photos
  • Show the product from multiple angles
  • Ensure good lighting and background
  • Avoid watermarks or excessive text overlays
  • Keep file sizes reasonable (under 500KB recommended)

Adding Images

You can add up to 10 images per product.


Animations

You can also use GIF and Lottie formats for product animations.


Next Steps

Last updated on