Summary
Optimize images for The Fountain with correct sizing, aspect ratios, and alt text to ensure accessibility and site performance.
Body
With so much content, it’s critical we keep the site optimized as much as possible. Images should not be larger than 300 kb.
Currently, the best settings for the header images are:
- Size: 1920 px x 1080 px
- DPI: 72
- Size: 300KB or Less
Review Microsoft’s support page on best practices for image sizing and scaling. But here’s a quick glance. Most sources say to go with the 16x9 ratio.
|
ASPECT RATIO
LAYOUT
|
16 x 9
Width x Height in pixels
|
4 x 3
Width x Height in pixels
|
|
One column
|
1204 x 677
|
1204 x 903
|
|
Two columns
|
586 x 330
|
586 x 439
|
|
Three columns
|
380 x 214
|
380 x 285
|
|
One-third left column
|
380 x 446 for left column; 792 x 446 for right column
|
380 x 594 for left column; 792 x 594 for right column
|
|
One-third right column
|
792 x 446 for left column; 380 x 446 for right column
|
792 x 594 for left column; 380 x 594 for right column
|
Alt Text
Whenever you add an image to a news story, add alt text to make your content as accessible as possible. To add alt text, click the edit button on the image or the image web part. Add alt text under Accessibility in the edit window that opens on the right.
Here is good information on writing alt text.