Images
Image optimization and best practices.
Overview
Image quality makes or breaks jewelry e-commerce. Learn best practices for photographing, sizing, and optimizing images for your storefront.
Recommended specifications
| Setting | Recommendation |
|---|---|
| Aspect ratio | 1:1 (square) for product grid consistency |
| Resolution | Minimum 1000×1000px, recommended 2000×2000px |
| Format | WebP or JPEG (Katura auto-optimizes via Next.js Image) |
| File size | Under 500KB per image (after optimization) |
| Background | White or light gray for consistency |
Automatic optimization
Katura uses Next.js <Image> component which automatically:
- Converts images to WebP format for smaller file sizes
- Generates responsive sizes for different devices
- Lazy-loads images below the fold
- Serves images from Supabase CDN for fast global delivery
Jewelry photography tips
- Use a macro lens for close-up detail shots of stones and settings
- Include at least one on-hand/on-body shot for scale
- Show the piece from multiple angles (front, side, top, detail)
- Ensure consistent lighting across all product photos