Reference anywhere for SharePoint Modern page image sizes?

Beth Hall
Iron Contributor
Feb 01, 2018
Hi Colleen Parker

I know exactly what you're talking about. I did some testing with different sized images that were horizontally oriented, like a banner typically is. My results confirmed that 16:9 is really best. When you use a horizontal image, what happens is that anytime a page thumbnail is used, the banner gets horizontally scaled to 16:9, with a whole bunch of white space to fill the frame. Your banner will be so small that the image is completely lost.

In this sketch representing a thumbnail, the banner is in red.

I'm in the process of writing an article on the results of my testing, and the logic behind the best practices of using 16:9 images everywhere. I'll post it to this thread when I get it complete.

Hope this helps!
- Beth Hall
  Iron Contributor
  Feb 21, 2018
  Hello everyone,
  
  I just published an http://straightenthemaze.com/2018/02/21/how-sharepoint-handles-images/ about how SharePoint handles page image scaling and cropping. The research and testing sure clarified a lot of the related question marks I had in my head.
  
  You'll want to grab a cup of coffee, and relax for a minute before you dive in.
  
  Cheers!
  - Deleted
    Mar 05, 2018
    I should have taken your advice on the cup of coffee, that was more than I was bargaining for!
- Bastiaan Kortenbout
  Brass Contributor
  Feb 15, 2018
  Hi Beth.
  
  Did you manage to publish an article about the most ideal dimensions for a banner image?
  
  Thanks,
  Bastiaan
  - Beth Hall
    Iron Contributor
    Feb 21, 2018
    Hi Bastiaan, Sorry for the delayed response. I just http://straightenthemaze.com/2018/02/21/how-sharepoint-handles-images/. Please let me know if this clarifies some of the murky-ness. ;-) Beth

Forum Discussion

Reference anywhere for SharePoint Modern page image sizes?

Resources