Image Sizes

Please size images according to the standards below.

Remember: Save image files at a compressed size before uploading them to your site. This will prevent images from being too “heavy,” which slows page load times.


Related information:


Featured images (top of home and main nav pages)

Featured images should be included on all top-level pages of your site* – that is, the pages that appear in your header menu. This high-impact image spans across the top of a page above the body copy. Do not include featured images on child pages – i.e., pages that appear only in the left/sub menu.

Featured image size

Depending on the availability of images, your website will use either the full-screen or the centered featured image size. All featured images on a site should be the same size.

  • “Full-screen”: 1440 x 400 pixels
  • “Centered”: 960 x 400 pixels
  • Upload as the “Featured Image” in WordPress (use setting on right side of Edit Page)

Standard images

Standard images can be landscape or square and span across the main column of content.

Upload size: 1290 x 860 pixels. Unlike banner images, standard images should be uploaded at twice the display size. The caption is recommended but optional.

Standard image size

  • Upload: 1290 x 860 pixels (height may vary between 860 and 1290 pixels)
  • Display size: Large – 645 x 430 pixels (choose size Large when inserting onto a page in WordPress)

Vertical images

Upload size: 600 x 900 pixels. Vertical images can be left- or right-aligned; the caption is optional.

Avoid vertical images if possible. They can create display problems, especially on mobile devices, since holes may appear if text does not wrap gracefully.

Standard images (described above) are preferable since text does not flow around the image.

If included, vertical images should be uploaded at 600 pixels wide. This width can be used for smaller square shots as well (for example, a series of micrographic images might look good cropped as squares in this format).

Vertical images will display at half their original size on a large screen.

Test your images on various devices to evaluate how the flow of the content changes at different widths.

Vertical image size

  • Upload: 600 x 900 pixels (height may vary)
  • Display size: Medium – 300 x 450 pixels (choose size Medium when inserting onto a page in WordPress)

Headshots

Upload size: 290 x 400 pixels. Caption: FirstName LastName, Degree(s)

When possible, avoid including headshots on your site unless they are part of the directory of faculty and staff. Instead, include photos that show people in their work or other more natural environments.

All head-and-shoulders portraits should be sized using the standard aspect ratio for WUSM Web Theme sites.

Crop the figure within the frame so that the face appears above center. When creating a set of headshots, ensure that head sizes and body positions are approximately the same and that the scale does not vary. This will create a balanced appearance when multiple headshots are in view.

Headshot size

  • Upload: 290 x 400 pixels recommended; 145 x 200 pixels minimum
  • Display size: Headshot – 145 x 200 pixels (choose size Headshot when inserting onto a page in WordPress)
  • Note that photos are a different size from headshots on the Washington University Physicians website

News images

If your website uses the news tool, the featured image will appear at the top of the post and as the thumbnail on your main news page. The featured image for news posts is not the same size as the featured image for standard pages. Featured images are programmed to display differently depending on the type of page/post you are creating.

News image size

  • Upload: 1300 x 860 pixels
  • Display size (minimum upload size): 645 x 430 pixels
  • Upload as the “Featured Image” in WordPress (use setting on right side of Edit Post)

*Smaller websites, such as sites for labs and student interest groups, may omit the featured image from their top level pages. These website should still include a featured image on the homepage. Talk to your project team or email webtheme@wustl.edu if you would like to opt out of the featured image requirement.