Image Size Cheat Sheet
Images in the WashU Web Theme require specific dimensions to display properly.
Typically you add an image as a featured image, which has different requirements based on the content type, or within the body of a page using the image block (jump to image block sizing below).
Featured image sizes
Featured images typically appear at the top of a page or post and may also appear as thumbnails.
If a featured image does not display, it likely does not meet the minimum size requirements.
Pages
1440 x 550 pixels minimum
2880 x 1100 pixels recommended
Posts
760 pixels wide minimum
Horizontal, 3:2 aspect ratio
People
280 x 386 pixels minimum
Homepage Spotlight
1440 x 720 pixels minimum
2880 x 1440 pixels recommended
Items
760 pixels wide minimum
Horizontal, 3:2 aspect ratio
Places
460 x 310 pixels minimum
Cards
760 pixels wide minimum
3:2 aspect ratio recommended
Image block sizing
In addition to featured images, you can place images within the body of your content using the image block.
Orientation and aspect ratio
Images that are horizontal, at least 760 pixels wide and have a 3:2 aspect ratio will display well in almost all settings throughout your site.
Just remember to observe the optimal aspect ratios listed above if you plan to use it as a featured image.
Image size
For images that will appear within the content of a page or post, you can upload the largest size you have (maximum 16 MB) and let WordPress resize the image dimensions for the space where it’s displayed.
This gives you flexibility to use the same image in different ways throughout your site. For example, on one page you might place the image in the header of a card where it will show up small, and on another page or post you might use it as a featured image where it would display much larger.
Cropping
Feeling lucky? You can try uploading an image that’s larger than the recommended size and see how WordPress crops it.
Want more control? Crop the image to the recommended aspect ratio before uploading it to your site. We strongly advise against using the image editor in WordPress.
Need some help? See our tutorial on editing and saving images for the web.
Related Guides
Image Size Cheat Sheet
Images in the WashU Web Theme require specific dimensions to display properly.
Overlaying Text on an Image with the Cover Block
Use the cover block to add readable text over an image or mimic a parallax effect.
Saving Images for the Web
Crop and optimize your photos before uploading to your site for crisper, faster-loading images.
Selecting Featured Images for Pages
On pages, the featured image spans the full width of the page and requires special consideration.
Troubleshooting
Something off? Check these tips when saved changes don’t show, images aren’t quite right, or extra spacing appears.
Types of Images
Insert a featured image to highlight the main theme of a page or post. Include additional images in the page or post body.