Summary
Optimize images for The Fountain with correct sizing, aspect ratios, and alt text to ensure accessibility and site performance.
Body
Overview
This article is intended for content librarians or admins on The Fountain to understand how best to include images on The Fountain. It covers best practices for image size and alt text.
Image Size
With so much content, it’s critical to keep The Fountain as optimized as possible. Images should not be larger than 300 kb to ensure fast load time and avoid bogging down the platform.
Header Images
- 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 for Accessibility
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.
More Resources (optional, delete if not using)