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.
You can read our tips on getting best results for your page title images here.
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 | 5 x images at 1204 x 903 | 4:3 |
| 4 image Hero web part | 3 x images at 1204 x 903 1 x image at 1204 x 677 | 4:3 +16:9 |
| 3 image Hero web part | 1 x image at 1204 x 903 2 x images at 1204 x 677 | 4:3 +16:9 |
| Page title area | 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 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.
