# Image dimensions
## 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
{% hint style="info" %}
**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.
{% endhint %}
### 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**
{% hint style="info" %}
Maximum size accepted: **4 MB**
{% endhint %}
* 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)
{% hint style="info" %}
**N.B. Sharepoint is responsive**. This means that regardless of the dimensions of the screen, the image with the correct dimensions will fit everywhere.
{% endhint %}
