We help Microsoft-centric enterprises fully adopt the cloud & adapt to new ways of working.
Essential Solutions :
Get essential updates instantly! Subscribe
Essential Sharepoint Image Size Selection

SharePoint Design

SharePoint Image Sizes

Recommended Image Sizes in Modern SharePoint 

Images used within SharePoint can be different sizes and aspect ratios depending on your chosen number of columns and web part layouts.   

In most cases, images in modern web parts work best across layouts and devices when they have an aspect ratio of either 1:1 (square), 16:9 or 4:3, depending on the layout. 

Images should be in .GIF, .PNG or .JPG format and maintaining good resolution is important for ensuring the best UX.

The trickiest SharePoint images to ‘get right’ in terms of format are the ones you use for page titles – and unfortunately, you’ll find you need a lot of these.

Read our tips on getting the best results for your page title images.

Plus, if you want an alternative to the Hero web part, check out our article on using the News Carousel to make the most of the ‘above the fold’ space on your SharePoint sites.

Discover how to keep your SharePoint looking ‘on-brand’ with clever use of imagery.

As a general guide: 

Image usage Recommended Min Sizes W x H in pixels Aspect Ratios 
5 image Hero web part (tiles)5 x images at 1204 x 903 4:3 
4 image Hero web part (tiles)3 x images at 1204 x 903  
1 x image at 1204 x 677 
4:3 +16:9 
3 image Hero web part (tiles)1 x image at 1204 x 903 
2 x images at 1204 x 677 
4:3 +16:9 
Page title area

See also our tips on SharePoint title images.
These images are best in a landscape format and a minimum of 1920 pixels wide and a starting height of 300 pixels  16:9 
‘Regular’ images – 1 column across 1204 x 1204, 1204 x 677 or 1204 x 903 1:1, 4:3 or 16:9  
‘Regular’ images – 2 columns across 586 x 586, 586 x 330 or 586 x 439 1:1, 4:3 or 16:9  
‘Regular’ images – 3 columns 380 x 380, 380 x 214 or 380 x 285 1:1, 4:3 or 16:9  

More information on image scaling and sizing can be found here. 

Find out more about Essential SharePoint Services

Essential offers a range of SharePoint services, including migration, SharePoint configuration and design and image curation and brand-led creation services.