Managing images
Once you have added an image to a page, it will be uploaded to your media library. Before doing so, you may want to review the following sizing and aspect ratio recommendations.
Image size recommendations
HarvardSites WordPress supports high-resolution images used in our blocks and components. The table following summarizes the suggested image sizes to use in your site.
Image type | Where it’s used | Minimum recommended size | Optimal for best quality | Aspect ratio |
---|---|---|---|---|
Thumbnails | Post list | 480 x 270 px | 960 x 540 px | 16:9 |
Headshots | Directory content type | 690 x 865 | 1380 x 1730 | 4:5 |
Hero | Hero component | 1920 x 825 | 3840 x 1650 | 21:9 |
Card | 50/50 card | 480 x 480 | 2630 x 2630 | 1:1 |
Card | Vertical card | 480 x 270 | 960 x 540 | 16:9 |
Note: the image collage block has a number of image layout options with varying aspect ratios and recommended dimensions.
How to crop an image from your Media Library
You may want to crop in image already uploaded to your media library to fit images within the aspect ratios provided in the previous table.
- In the Dashboard left sidebar, select Media > Library.
- Find the image that you would like to crop within the thumbnails or by searching for an image file. Click on the image.
- Click Edit Image.
- Click on Crop in the top left menu bar. Adjust how you would like the image to look and crop settings using the arrows and dragging the image settings.
- Click Apply Crop when finished.
- Click Save Edits to apply your changes.
How to bulk add images to the Media Library
We recommend to use the Media Library when you need to bulk upload a variety of images that editors can use for their content on the site.
- In the Dashboard left sidebar, select Media > Add New Media File.
- Drag a file to the media library or click Select Files to select files to be uploaded.
- Click on Edit on the row of any of the images that have been uploaded.
- Optionally edit the title, add alternative text, a caption, and description to the image.
- Click Update on the bottom right to save your changes.