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.

April 08, 2025

1 min read

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.

August 17, 2023

2 min read

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.

Learn how to add media

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