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 services.
