Certain image sizes work better than others in Drupal. See below for guidelines on resizing images to fit the web.
Recommended Sizes for Images Within the CKEditor
Folwell Image Style | Minimum Width |
---|
Folwell Fifth Page Image | 250 px |
Folwell Third Page Image | 400 px |
Folwell Half Page Image | 600 px |
Folwell Full Page Image | 1200 px |
Recommended Sizes for Images on Pages
Content Type | Image Field | Size | Aspect Ratio |
Event | Featured Image | 900 x 600 px | 3:2 |
Basic Page | Featured Image | 900 x 600 px | 3:2 |
Feature Story | Featured Image | 900 x 600 px | 3:2 |
News | Featured Image | 900 x 600 px | 3:2 |
Unit Landing Page | Banner | 2000 x 885 px | |
Person Page | Featured Image | 750 x 500 | 2:3 |
Recommended Sizes for Images Within Widgets
Widget | Size | Aspect Ratio |
Banner Header | 2000 x 885 px | |
Folwell Slideshow | 1200 x 800 | 3:2 |
Folwell Overlay Slideshow | 1200 x 675 *On Unit Landing Pages, the size should be 2000 x 1125 because landing pages are full-width | 16:9 |
By the Numbers | 360 x 360 | |
Portal Group | 680 x 453 | 3:2 |
People Highlight Group - Slider | 1200 x 600 w/ focus on center | 2:1 |
People Highlight Group - Rectangle | 600 x 400 | 3:2 |