Showcase: Image Guidelines

Images are key to displaying reports and categories on the showcase page. The following article will outline guidelines for images for your showcase.

Accepted Ratios

Any aspect ratio works for the showcase page, depending on whether you prefer landscape or square Images. See the best accepted ratios for each below:

landscape / 16:9, 4:3 (common)

square / 1:1 (safe)

portrait / 3:4, 2:3(rare)

Size Requirements

Minimum short edge: 1000px

Examples:

See how the different-sized images behave when applying them to a single report showcase cover.

Landscape: 1500×1000px ✓

Square: 1000×1000px ✓

Portrait: 1000×1500px ✓

Composition Tips

Category images are usually displayed as square or landscape, but can be cropped to portrait orientation on smaller screens and in some specific sections.

Center your main subject - keep important elements in the middle of the image.

Avoid placing key content near edges, especially the top/bottom edges, which may be cropped.

Use a "safe zone" - imagine a square in the centre of your image where all important content should fit.

Avoid using text, icon, or logo overlays in the images as they may be cropped or overlap with card titles.

Use patterns and abstract composition if possible, as they are safe in all ratios.

Image Quality Guidelines

Resolution: 72+ DPI for web

Format: PNG or JPEG

File Size: Keep under 2MB

Compression: If possible, optimise images without sacrificing visual quality.

🔔See also: Showcase Getting Started