Overview
This guide helps you create optimally-sized images for your digital marketing. Following these specifications ensures your content displays professionally across all platforms and devices.
File Requirements
- Format: JPG or PNG
- Color Mode: RGB
- Max File Size: 5MB
- Resolution: 72 DPI
Carousel Images
Carousels are perfect for showcasing multiple products or promotions in a dynamic, engaging way.
Small Carousel
- Dimensions: 430 x 170 pixels
- Aspect Ratio: 5:2
- Best Use: Featured content and promotional banners
- Notes:
- Ideal for compact, impactful messaging
- Works well for mobile-first designs
- Perfect for time-sensitive promotions
Medium Carousel
- Dimensions: 430 x 240 pixels
- Aspect Ratio: 9:5
- Best Use: Product showcases and mid-sized promotional content
- Notes:
- Provides excellent visibility while maintaining image quality
- Balanced size for both desktop and mobile viewing
- Recommended for product demonstrations
Large Carousel
- Dimensions: 430 x 342 pixels
- Aspect Ratio: 5:4
- Best Use: High-impact promotional content and detailed product images
- Notes:
- Maximum visibility and detail retention
- Best for complex product features
- Ideal for lifestyle photography
Tiles and Images
Tiles provide a consistent, grid-based layout for your content that works across all devices.
Small Tile/Image
- Dimensions: 195 x 170 pixels
- Aspect Ratio: 9:8
- Best Use: Thumbnail images and icons
- Notes:
- Perfect for grid layouts and compact content areas
- Ideal for category thumbnails
- Works well in sidebar widgets
Medium Tile/Image
- Dimensions: 398 x 170 pixels
- Aspect Ratio: 21:9
- Best Use: Wide-format displays and panoramic content
- Notes:
- Ideal for landscape-oriented content and banners
- Perfect for group product shots
- Great for promotional headers
Large Tile/Image
- Dimensions: 398 x 366 pixels
- Aspect Ratio: 11:10
- Best Use: Featured content and detailed product displays
- Notes:
- Provides maximum visibility while maintaining proportions
- Best for main product images
- Excellent for before/after demonstrations
Always test your images across different devices to ensure they display correctly at various screen sizes.
Best Practices
Image Optimization
- Compress images before uploading
- Use descriptive file names
- Include alt text for accessibility
- Maintain consistent quality across all images
Design Tips
- Keep important content centered
- Allow for text overlay space when needed
- Use high-contrast images for better visibility
- Avoid busy backgrounds in promotional images
For product images, consider shooting at a larger size than needed and scaling down to maintain quality options for future use.
Need Help?
Contact our support team at support@fluid.app for assistance with image sizing or optimization.
Comments
Please sign in to leave a comment.