Recommended Image Sizes for Drupal Websites

Drupal content editors frequently wonder what size their images need to be. This is a handy reference to image sizes for various components used on the Drupal website.

name	max size	aspect ratio	image preview
Featured image (basic content, story page, event page)	832x468	16:9	https://via.placeholder.com/832x468
Top Level	1440x576	5:2	https://via.placeholder.com/1440x576
News Story teaser	240x135	16:9	https://via.placeholder.com/240x135
Profile List Component	144x192	3:4	https://via.placeholder.com/144x192
Profile Page	436x576	3:4
Video component	1136x639	16:9	https://via.placeholder.com/1136x639
Image component	1136x639	16:9	https://via.placeholder.com/1136x639
Image component with left/right alignment	144x192	3:4	https://via.placeholder.com/144x192
TEST: Small image for testing only	640x360		https://via.placeholder.com/640x360
Image with Text component	300x400	3:4	https://via.placeholder.com/300x400
Quad runner / profile spotlight	288x384	3:4	https://via.placeholder.com/288x384
Card Carousel	582x776	3:4	https://via.placeholder.com/582x776
Spotlight and Themed Panel	1440x810	16:9	https://via.placeholder.com/1440x810
Collection Item on the Collection content type	640x360	16:9	https://via.placeholder.com/640x360
Collection Item page	1024x576	16:9	https://via.placeholder.com/1024x576
Portrait video (video faq)	306x554	153:277	https://via.placeholder.com/306x554
Schedule of Events item	640x360	any	https://via.placeholder.com/640x360
Event teaser	240x135	any	https://via.placeholder.com/240x135