Content Sizing Guide

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

Carousels are perfect for showcasing multiple products or promotions in a dynamic, engaging way.

  • 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
  • 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
  • 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

  1. Compress images before uploading
  2. Use descriptive file names
  3. Include alt text for accessibility
  4. 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.

Was this article helpful?
0 out of 0 found this helpful

Comments

0 comments

Please sign in to leave a comment.