To ensure your images look great across various devices and load quickly, please follow these guidelines. Images are automatically displayed to take up the full height of the viewer’s screen, so certain parts of your image may be trimmed depending on the device’s aspect ratio.
Recommended Image Size
- Optimal Dimensions: We recommend using a 1000 x 1000 pixel image. This resolution provides clear detail on most modern devices while maintaining fast load times and avoiding delays.
Quiet Space Recommendations
For the best viewing experience, include quiet space around the edges of your image. Quiet space is an area that should contain only background color, free of text or other essential design elements. This ensures important parts of your image aren’t cut off on various screens and keeps key visuals clear.
- Left and Right Quiet Space: Leave 100 pixels (10%) on each side to prevent critical content from being cut off.
- Top Quiet Space: Include 150 pixels (15%) at the top to accommodate logos and menu elements.
- Bottom Quiet Space: Allow for 100 pixels (10%) at the bottom to avoid interference with the modal display.
Summary of Quiet Space Recommendations
| Location | Quiet Space (%) | Purpose |
|---|---|---|
| Left & Right | 10% each side | Ensures no essential content is cut off. |
| Top | 15% | Provides space for the logo and menu. |
| Bottom | 10% | Prevents overlap with modal elements. |
By following these guidelines, you’ll achieve a consistent and professional image display that loads quickly and adapts seamlessly across different devices.
Rebates Background Image Guidelines
Optimal Dimensions: Use a 720p image (720 x 1280 pixels) with an aspect ratio of 9:16 for a vertical orientation that looks great on modern mobile devices.
Digital Hub Background Image Guidelines
Optimal Dimensions: Use a 720p image (720 x 1280 pixels) with an aspect ratio of 9:16 for a vertical orientation that looks great on modern mobile devices.
Guidelines for Images and Videos
This article explains where and how images and videos should be uploaded, along with supported formats and size limits
File Size Limits
Consumer App (User Uploads)
- Images & PDFs:
- Frontend limit: 20 MB
- Backend limit: 35 MB
Brand Dashboard (Brand Uploads)
- Images/GIF (landing page): 30 MB
- PDFs (document module): 30 MB
- Videos (in a video module): 100 MB
- Videos (in a custom module): 10 MB
Supported File Types
Consumer App
- Images: PNG, JPEG, JPG, HEIC, HEIF
- Documents: PDF
- Videos: MP4, MKV, WEBM
Brand Dashboard
- Images: JPG, JPEG, PNG, JFIF, JPE, WEBP, GIF, SVG
- Videos: MP4, WEBM
- Documents: PDF
- Fonts: TTF, OTF, WOFF, WOFF2
Character Limits
- Dropdown / Select inputs: 50 characters maximum
- Text areas: No fixed limit (content-based)
- Text inputs: Varies depending on the field type