Resolution & Quality
Understanding resolution and quality settings to optimize your AI-generated content.
Choosing the right resolution and quality settings balances output quality with credit usage and processing time.
Understanding Resolution
What is Resolution?
Resolution refers to the number of pixels in an image, typically expressed as width × height (e.g., 1920×1080).
- Higher resolution = More detail, larger file size, more credits
- Lower resolution = Less detail, smaller file size, fewer credits
Resolution Tiers
| Tier | Resolution | Best For | Credit Multiplier |
|---|---|---|---|
| Standard | 512×512 | Thumbnails, previews | 1x |
| Medium | 1024×1024 | Social media, web | 1.5x |
| High | 2048×2048 | E-commerce, product pages | 2x |
| Ultra | 4096×4096 | Print, large displays | 4x |
Choosing the Right Resolution
By Use Case
E-commerce Product Images
| Image Type | Recommended Resolution |
|---|---|
| Main product image | 2048x2048 (High) |
| Thumbnail | 512x512 (Standard) |
| Zoom view | 4096x4096 (Ultra) |
| Gallery images | 1024x1024 (Medium) |
Social Media
| Platform | Recommended Resolution |
|---|---|
| Instagram feed | 1080x1080 (Medium) |
| Instagram story | 1080x1920 (Medium) |
| 1200x630 (Medium) | |
| Twitter/X | 1200x675 (Medium) |
| 1000x1500 (Medium) |
Print Materials
| Material | Recommended Resolution |
|---|---|
| Flyers | 2480x3508 at 300 DPI (Ultra) |
| Posters | 4096x4096+ (Ultra) |
| Catalogs | 2048x2048 (High) |
| Business cards | 1050x600 at 300 DPI (High) |
Website
| Element | Recommended Resolution |
|---|---|
| Hero banner | 1920x1080 (High) |
| Blog images | 1200x800 (Medium) |
| Icons | 256x256 (Standard) |
| Background | 1920x1080 (High) |
Resolution Decision Tree
-
Where will the image be used?
- Web only → Medium (1024×1024)
- Print → High or Ultra (2048+ px)
-
What’s the display size?
- Thumbnail (under 200px) → Standard
- Medium (200-800px) → Medium
- Large (800px+) → High
- Full screen → Ultra
-
Is zoom functionality needed?
- Yes → Use 2x the display size
- No → Match display size
Quality Settings
Compression Levels
| Level | Quality | File Size | Use Case |
|---|---|---|---|
| Lossless | 100% | Largest | Master files, print |
| High | 90-95% | Large | E-commerce, portfolios |
| Medium | 75-89% | Medium | Web, social media |
| Low | 50-74% | Small | Thumbnails, previews |
Format Comparison
| Format | Best For | Transparency | Animation | Compression |
|---|---|---|---|---|
| PNG | Sharp edges, text | Yes | No | Lossless |
| JPEG | Photographs | No | No | Lossy |
| WebP | Modern web | Yes | Yes | Both |
Use PNG for product images with transparent backgrounds. Use JPEG for lifestyle shots and photographs. Use WebP for modern web applications with broad browser support.
Optimizing for Performance
Web Optimization
To ensure fast loading while maintaining quality:
- Use appropriate resolution - Don’t use 4K for a 300px display
- Compress intelligently - 85% JPEG quality is often indistinguishable from 100%
- Implement lazy loading - Load images as needed
- Use responsive images - Serve different sizes for different devices
- Consider CDN - Distribute images globally for faster access
File Size Guidelines
| Use Case | Target Size | Max Size |
|---|---|---|
| Thumbnail | Under 50KB | 100KB |
| Product image | Under 200KB | 500KB |
| Hero banner | Under 500KB | 1MB |
| Print-ready | N/A | 20MB |
Credit Efficiency
Maximizing Value
⚠️
Higher resolution uses more credits. Choose the minimum resolution that meets your quality requirements.
Tips for credit efficiency:
- Start lower, upscale if needed - Generate at medium, upscale only the best results
- Batch similar items - Process similar products together
- Use templates - Reuse successful settings
- Preview first - Use standard resolution for tests
Cost vs. Quality Matrix
| Approach | Credits Used | Quality | Recommended For |
|---|---|---|---|
| All Standard | Low | Basic | Drafts, testing |
| Mixed | Medium | Good | Most use cases |
| All High | High | Excellent | Premium brands |
| All Ultra | Very High | Maximum | Luxury, print |
Platform-Specific Requirements
E-commerce Platforms
| Platform | Main Image | Thumbnail | Zoom |
|---|---|---|---|
| Shopify | 2048×2048 | 100×100 | 4472×4472 |
| Amazon | 1600×1600 | 75×75 | 2000×2000 |
| eBay | 1600×1600 | 96×96 | 1600×1600 |
| Etsy | 2000×2000 | 75×75 | 2000×2000 |
| WooCommerce | Customizable | Customizable | Customizable |
Social Media Platforms
| Platform | Post | Story | Profile |
|---|---|---|---|
| 1080×1080 | 1080×1920 | 320×320 | |
| 1200×630 | 1080×1920 | 180×180 | |
| Twitter/X | 1200×675 | N/A | 400×400 |
| 1200×627 | N/A | 400×400 | |
| TikTok | 1080×1920 | 1080×1920 | 200×200 |
Troubleshooting
Common Issues
| Issue | Cause | Solution |
|---|---|---|
| Blurry output | Resolution too low | Increase resolution |
| Large file size | Resolution too high | Reduce or compress |
| Pixelation on zoom | Insufficient zoom resolution | Use 2x display size |
| Slow upload | File too large | Compress before upload |
| Color banding | Over-compression | Use higher quality or PNG |
Last updated on