Example the crop image tool
Article

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.

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

Standard Image Sizes

Portrait 

2:3 aspect ratio

Small

160 x 284 pixels

Woman standing outside on street

Medium  

250 x 375 pixels

Woman standing outside on street

Landscape 

3:2 aspect ratio

Small 

512 x 341 pixels

Calendar on iPad by computer and notebook

Medium

720 x 480 pixels

Calendar on iPad by computer and notebook

Large

960 x 640 pixels

Calendar on iPad by computer and notebook

Tall Landspace 

Aspect ratio: 4:3

Small 

512 x 384 pixels

Calendar on iPad by computer and notebook

Medium 

720 x 540

Calendar on iPad by computer and notebook

Large

960 x 720 pixels

Calendar on iPad by computer and notebook

Standard Image Sizes

Wide Landscape 

Aspect ratio: 16:9

Medium 

720 x 540

Calendar on iPad by computer and notebook

Large 

960 x 540

Calendar on iPad by computer and notebook

Full Width

1900x650

Calendar on iPad by computer and notebook