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 |