Skip to content
BrandCastBrandCast Help

Images

Images

Section titled “Images”

Display single images for announcements, promotions, or visual content. For rotating multiple images, see Slideshows.

Supported Image Formats

Section titled “Supported Image Formats”
Format Best For Transparency
JPEG (.jpg) Photos, complex images No
PNG (.png) Graphics, logos, text Yes
WebP (.webp) Modern format, smaller files Yes
GIF (.gif) Simple animations Yes
SVG (.svg) Logos, icons, scalable graphics Yes

Uploading Images

Section titled “Uploading Images”

Step 1: Open the Media tab

Section titled “Step 1: Open the Media tab”
  1. Navigate to Content > Media tab
  2. Click Add and select Upload Files
  3. Select your image file (drag and drop or click to browse)

Step 2: Configure Settings

Section titled “Step 2: Configure Settings”
Setting Description
Name Descriptive title for your library
Scaling How image fits the display
Background Color behind image (if not filling)
Duration Default time to show in playlists

Scaling Options

Section titled “Scaling Options”
Mode Behavior Best For
Fit Show entire image, letterbox if needed Mixed aspect ratios
Fill Cover display, crop edges if needed Full-screen impact
Stretch Distort to fill exactly Not recommended
Center Show at actual size, centered Precise sizing

Tip: Use Fit for safety (nothing cropped) or Fill for visual impact (full coverage).

Image Resolution

Section titled “Image Resolution”
Section titled “Recommended Sizes”
Display Resolution Minimum Image Size Ideal Image Size
1920×1080 (HD) 1280×720 1920×1080
3840×2160 (4K) 1920×1080 3840×2160
1080×1920 (Portrait) 720×1280 1080×1920

Aspect Ratios

Section titled “Aspect Ratios”
Ratio Common Use
16:9 Standard widescreen displays
9:16 Portrait/vertical displays
4:3 Older displays
1:1 Square content (may letterbox)

Important: Images smaller than your display resolution will appear blurry when scaled up.

Optimizing Images

Section titled “Optimizing Images”

Before Uploading

Section titled “Before Uploading”
  1. Resize to match display resolution
  2. Compress to reduce file size (aim for under 1 MB)
  3. Choose format: JPEG for photos, PNG for graphics
  4. Check colors: RGB color space (not CMYK)

Compression Tips

Section titled “Compression Tips”
Original Size After Compression Quality Loss
5 MB 500 KB Minimal
10 MB 800 KB Slight
20 MB 1.5 MB Noticeable

Free optimization tools:

  • TinyPNG (tinypng.com)
  • Squoosh (squoosh.app)
  • ImageOptim (Mac)

Image Content Ideas

Section titled “Image Content Ideas”

Retail & Business

Section titled “Retail & Business”
  • Promotional banners - Sales, offers, new arrivals
  • Product images - Featured items, bestsellers
  • Brand assets - Logo, taglines, brand imagery
  • Announcements - Store hours, policies, events
  • Social proof - Awards, certifications, reviews
  • QR codes - Links to websites, apps, promotions

Working with Transparency

Section titled “Working with Transparency”

PNG and WebP images can have transparent backgrounds:

When to Use Transparency

Section titled “When to Use Transparency”
  • Logos on colored backgrounds
  • Overlays on other content
  • Shaped graphics (non-rectangular)

Transparency Tips

Section titled “Transparency Tips”
  1. Set a background color in content settings
  2. Test how transparency looks on your display
  3. Consider display background when designing

Animated GIFs

Section titled “Animated GIFs”

GIFs can add subtle motion to your signage:

Best Practices

Section titled “Best Practices”
  • Keep file size small (under 5 MB)
  • Limit animation complexity
  • Use for accents, not primary content
  • Test performance on display device

Note: Complex GIFs may impact performance on older devices. Consider video for complex animations.

SVG Graphics

Section titled “SVG Graphics”

SVG files are resolution-independent and perfect for:

  • Logos that scale to any size
  • Icons and simple graphics
  • Text-based designs
  • Infographics

SVG Considerations

Section titled “SVG Considerations”
  • May not support all effects (gradients, filters)
  • Test appearance on actual displays
  • Convert complex SVGs to PNG if issues occur

Bulk Image Upload

Section titled “Bulk Image Upload”

Uploading Multiple Images

Section titled “Uploading Multiple Images”
  1. Navigate to Content > Media tab
  2. Click Add > Upload Files
  3. Select multiple files — they process simultaneously
  4. Organize into collections after upload

Creating a Slideshow from Images

Section titled “Creating a Slideshow from Images”
  1. Upload all images to the Media tab
  2. Create a new Slideshow (Content Hub > Add New > Slideshow)
  3. Use Add Items to select your uploaded images
  4. Arrange order and set timing

Troubleshooting Images

Section titled “Troubleshooting Images”

Image Won’t Upload

Section titled “Image Won’t Upload”
  1. Check file format is supported
  2. Verify file isn’t corrupted
  3. Reduce file size if very large
  4. Try a different browser

Image Looks Blurry

Section titled “Image Looks Blurry”
  1. Use higher resolution source
  2. Check scaling mode setting
  3. Ensure image matches display aspect ratio
  4. Don’t upscale small images

Colors Look Wrong

Section titled “Colors Look Wrong”
  1. Convert from CMYK to RGB
  2. Check color profile
  3. View on actual display (monitors vary)
  4. Adjust display color settings if needed

Image Appears Stretched

Section titled “Image Appears Stretched”
  1. Check aspect ratio matches display
  2. Change scaling mode to Fit
  3. Crop image to correct ratio

What’s Next?

Section titled “What’s Next?”