Page cover
For the complete documentation index, see llms.txt. This page is also available as Markdown.

Image dimensions

This section provides useful information on the dimensions to adopt for the creation of images and icons.

Site logo and header

Dimensions: 1220 x 305

Extended header

Dimensions: 2560 x 164


Pages

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

  • 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.

Last updated