The following are the top three image sizing and scaling in SharePoint modern pages:
- Aspect Ratio:
- Relationship between the width and height of an image. It’s usually expressed as two numbers, such as 16:9 or 4:3.
- Images typically work best across layouts and devices when they have an aspect ratio of either 16:9 or 4:3.
- Column Layouts:
- SharePoint pages can have different column types and layouts, such as full-width columns, one column, two columns, three columns, and more.
- Overall, images expected to fill the width of a column is that they should be at least as wide as the column in which they are placed.
- Some width guidelines for different column layouts:
- Full-width column: 1920 pixels
- One column: 1204 pixels
- Two columns: 586 pixels per column
- Three columns: 380 pixels per column
- One-third left column: 380 pixels for the left column; 792 pixels for the right column
- Automatic Scaling:
- Modern pages and web parts are fully responsive across devices. Automatic image scaling ensures a proper experience on mobile devices.
- Images are resized and cropped automatically to display a result across various devices and layouts.
