Below you'll see a comprehensive outline of specs and best practices for all image uploads across Tronic Studio.
Community
Background Image
Description: This image will display on your homepage behind a light or dark gradient, depending on your theme selection.
Dimensions:
Minimum width: 1920 pixels
Minimum height: 1080 pixels
Aspect ratio: 16:9 (widescreen)
Resolution:
72 PPI (pixels per inch) for web use
File Format:
JPEG, PNG
File Size:
Optimized for web, preferably under 500 KB
Thumbnail/Logo
Description: This image will appear on your community’s navigation bar and other key brand locations.
Dimensions:
Minimum width: 80 pixels
Minimum height: 80 pixels
Aspect ratio: 1:1 (square)
Resolution:
72 PPI (pixels per inch) for web use
File Format:
JPEG, PNG
File Size:
Optimized for web, preferably under 500 KB
Header - Custom Image/Logo
Description: This is the first thing users will see when entering your community.
Dimensions
Image Height (Recommended: 154px, Max: 400px)
Aspect Ration: 3:2
Resolution:
72 PPI (pixels per inch) for web use
File Format:
JPEG, PNG
File Size:
Optimized for web, preferably under 500 KB
Offers
Background Image
Description: This image is used as the background on the Offer card.
Dimensions:
Minimum width: 370 pixels
Minimum height: 580 pixels
Aspect ratio: 1:1.5 (approx)
Resolution:
72 PPI (pixels per inch) for web use
File Format:
JPEG, PNG
File Size:
Optimized for web, preferably under 500 KB
Journeys
Hero/Background Image
Description: This image is used as the background on Journey cards (1:1), and as a hero on the Journey page (7:1). Please select an image that will work for both aspect ratios.
Dimensions:
Minimum width: 1920 pixels
Minimum height: 280 pixels
Aspect ratio: 7:1 (also needs to be usable in a 1:1 aspect ration)
Resolution:
72 PPI (pixels per inch) for web use
File Format:
JPEG, PNG
File Size:
Optimized for web, preferably under 500 KB
Thumbnail/Logo
Description: Appears in header on the journey detail page.
Minimum width: 80 pixels
Minimum height: 80 pixels
Aspect ratio: 1:1 (square)
Resolution:
72 PPI (pixels per inch) for web use
File Format:
JPEG, PNG
File Size:
Optimized for web, preferably under 500 KB
Checkpoints
Thumbnail/Logo (Optional)
Dimensions:
Minimum width: 80 pixels
Minimum height: 80 pixels
Aspect ratio: 1:1 (square)
Resolution:
72 PPI (pixels per inch) for web use
File Format:
JPEG, PNG
File Size:
Optimized for web, preferably under 500 KB
Rewards
Background Image (optional)
Dimensions:
Minimum width: 1920 pixels
Minimum height: 280 pixels
Aspect ratio: 7:1
Resolution:
72 PPI (pixels per inch) for web use
File Format:
JPEG, PNG
File Size:
Optimized for web, preferably under 500 KB
Thumbnail/Logo
Dimensions:
Minimum width: 80 pixels
Minimum height: 80 pixels
Aspect ratio: 1:1 (square)
Resolution:
72 PPI (pixels per inch) for web use
File Format:
JPEG, PNG
File Size:
Optimized for web, preferably under 500 KB