Top 3 SharePoint Sizing & Scaling Aspects

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.