Image Recommendations

Overview

This guide provides recommendations for optimal image sizes tailored to different intranet use cases.

Banner Configuration

Recommended sizes

Web: 1920 x 400 px

Mobile: 750 x 450 px

For information on changing the Home module banner configuration, click here.

Company Banner Image

Company Banner: 1200 x 96px

Company Hero: 1920 x 150 px

Learn about Company Banner Images here.

Course Catalog Image

Recommended size: 300 x 300 px

Course Image

Recommended size: 1280 x 790 px

Event Photo/Icon

Recommended size: 250 x 250 px

Greeting/ Recognition Image

Recommended size: 600 x 314 px

Group, Department, Project Picture

Recommended size: 250 x 250 px

Group, Department, Project Banner

Recommended size: 1200 x 96 px

Logo & Favicon

Recommended size: Logo :- 200 x 45 px | Favicon :- 16 x 16 px

Media Center - Set Featured Image

Recommended size: 402 x 248 px

For information on items within the media center, click here.

Post - Featured Image

Recommended size: 1250 x 773 px

For information on Post Featured Images, click here.

Post - 'Image' Block

Recommended sizes:

Post 'Image + Text' Block

Recommended sizes:

Post - Promotion Banner

Recommended size: 1680 x 106 px

Learn about Promoted Posts here.

Post 'Video' Block - Thumbnail

Recommended size: 1250 x 773 px

Profile Photo

Recommended size: 250 x 250 px

Learn where to upload this image, here.

Tracker Forms - Headers Image/ Logo

Recommended size: 600 x 200 px

For information on Tracker Forms, click here.

Widget Header Images

Wiki Banner

Recommended Size: Upload a banner image at 1920x180px for best results.

Visible Area: Depending on the layout, about 950px of the width will be visible in the central content area. Any important elements, such as titles or text within the image, should be placed within this visible region.

Page Layout Impact:

• On full-width pages, the banner stretches to fit across the screen.

• On fixed-width pages (1200px), the banner is cropped to fit, which means content near the edges of the image may not display.

Best Practice: Keep key design elements (like titles or logos) centered within the image so they remain visible across all layouts.