# 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
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)
{% 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 %}
---
# Agent Instructions: Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.
Perform an HTTP GET request on the current page URL with the `ask` query parameter:
```
GET https://docs.intranet.ai/sharepoint-intranet/other-configurations/image-dimensions.md?ask=
```
The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.
Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.