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: 1130 x 60
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
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
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)
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