Images dimensions
Here you can find some useful dimensions of web parts that contain images and icons.
PAGE
Page Header: 1920 x 320
NEWS
News Header: 1920 x 320
Preview news image: 16:9 (1920 x 1080)
IAI News
In this case the whole image needs to be 16:9 (1920 x 1080) to be correctly shown in the news preview in the news archive. However, this visualization of the news with multiple squares, will show only what is inside of the green square below, which is 400 x 400.
HOMEPAGE
Site logo: 1220 x 305
Extended Header: 1130 x 60
Background Section Editor: 1900 x 545
Icon quick links (compact, titles, list): 400 x 400
Icon quick links (grid, filmstrip): 210 x 120
Event categories: 55 x 55
Key Initiatives: 400 x 400
IAI Apps: 80 x 80
Image quotes: 620 x 620 with the image 270 x 270
The dimensions of the whole image need to be 620 x 620 with the actual image 290 x 290. Then the web part allows to move the image and zoom it.
Hover Button: 235 x 235 with the image 100 x 100
We suggest to choose an image which is 100 x 100 but to keep some margins, like in the picture below.
N.B. SharePoint is responsive
This means that it doesn’t matter the dimensions of the screen, the image with the correct dimensions will fit everywhere.
Last updated