Recommended Image Sizes and Preparation

Streamlining Images to Optimize Websites
We’ve addressed key issues with the cropping tool and standardized image sizes to optimize the performance of the site.

Crop Image Tool
As Site Administrators you are able to change the links that appear on the modal window and update the links that are in the footer.
Before you upload images, we recommend that you first optimize the images. You can read the How to Optimize Images for Better Web Design & SEO article to learn more about image optimization.
The Web Platform Healthsciences was previously using Dots per square inch (dpi) to manage images. We have redesigned how we use images to decrease page load time and to make it easier for users creating content to understand how we handle images. Now we use aspect ratios and recommend that you upload the image in the desired aspect ratio at the highest possible quality while keeping the image under 4MB. The Web Platform Healthsciences is using aspect ratios so the image will appear the same regardless of the device. Below is a list of components and the aspect ratios they use.
Allowed Image Types: png, gif, jpg, jpeg
Maximum file size: 4MB
Recommended Image Dimensions
Image Type | Aspect Ratio |
---|---|
Callout | Photo 3:2 - Maximum image size is 4MB |
Carousel | Cinemascope 21:9 - Maximum image size is 4MB |
Hero Video | Widescreen 16:9 - Maximum image size is 4MB |
Hero Image | Landscape 4:3 - Maximum image size is 4MB |
Highlight | Photo 3:2 - Maximum image size is 4MB |
Media Callout | Widescreen 16:9 - Maximum image size is 4MB |
Media Quote | Photo 3:2 - Maximum image size is 4MB |
Slider Item | Cinemascope 21:9 - Maximum image size is 4MB |
Standard Image Sizes
Portrait
2:3 aspect ratio
Small
160 x 284 pixels

Medium
250 x 375 pixels

Landscape
3:2 aspect ratio
Small
512 x 341 pixels

Medium
720 x 480 pixels

Large
960 x 640 pixels

Tall Landspace
Aspect ratio: 4:3
Small
512 x 384 pixels

Medium
720 x 540

Large
960 x 720 pixels

Standard Image Sizes
Wide Landscape
Aspect ratio: 16:9
Medium
720 x 540

Large
960 x 540

Full Width
1900x650
