Image dimensions
This section provides useful information on the dimensions to adopt for the creation of images and icons.
Site logo and header
Site logo
Dimensions: 1220 x 305

Extended header
Dimensions: 2560 x 164

Pages
Page header
Dimensions: 1920 x 320

News
News header
Dimensions: 1920 x 320

Preview image
Dimensions: 1920 x 1080 (16:9)

Web parts
Background Section Editor
Dimensions: 1900 x 545

Company Apps
Dimensions: 80 x 80
Company News
The aspect ratio of the image should be 16:9 (1920 x 1080) for the picture to be correctly shown in the news archive. However, the IAI News web part is characterized by a layout with multiple squares, which shows only what is inside the green square below (400 x 400).


Event Calendar
Dimensions for event categories: 55 x 55

Dimensions for event pictures (supported only by the Compact with details layout): 379 x 213

Graphic Buttons
Dimensions for the small button: 250 x 250

Dimensions for the medium button: 250 x 300

Dimensions for the large button: 250 x 400

Highlights
We suggest using this web part in a 2/3 section and adopting the following dimensions: 1920 x 800

Hover Buttons
We suggest that you choose a 100 x 100 image but keep some margins, as shown in the picture below:

Image slider
This web part is particularly suitable for rectangular pictures. For example, the screenshot below features 2740 x 500 pictures:

Key Initiatives
Dimensions for the pictures: 400 x 400

Dimensions for the masks: create a 400 x 400 image, put the desired shape at the center of this area, and save the image as a PNG with transparent background


Leadership Team
Dimensions: 800 x 800

Locations Map
Dimensions for the pin icon: either 50 x 50 or 30 x 50


Mood
If you decide to create a custom icon, it is important that you adopt a square image. Good results are obtained with 50 x 50 images.

My Profile
Dimensions for the cover image: 800 x 300

Dimensions for the tag image: it is important that tag images are 150x150 in size; otherwise, the tag will not be visible.

Pop-up
Suggested dimensions for pictures and videos: 1920 x 1080

Quick Links
Dimensions for the compact, tiles, and list layouts: 400 x 400
Dimensions for the grid and filmstrip layouts: 210 x 120

Quotes
We suggest creating a 620 x 620 project with a 290 x 290 image. Then, the web part allows you to move the image and zoom in.


Videos
Video Channel logo: the aspect ratio of this picture should be 4:3. We suggest adopting the following dimensions: 1000 x 750.

Video thumbnails: 1280 x 720 (good results are also obtained with 1920 x 1080 pictures)
Last updated
Was this helpful?