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

Please note: to ensure optimal performance, avoid using images with excessive file sizes. High-resolution images may significantly delay the loading time of the web part.

Locations Map

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

50 x 50

30x50

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

Maximum size accepted: 4 MB

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

Pop-up

Dimensions: 1160 x 765

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)

N.B. Sharepoint is responsive. This means that regardless of the dimensions of the screen, the image with the correct dimensions will fit everywhere.