Cropping images in components
About the image crop module for components
A new crop module is available on the Science website for our editors. This module is available for the majority of the components and for certain image fields in the Story content type and the User Profile Content type.
Images fields in the content types where you can set a crop
User Profile content type
- Profile Picture Field
Story content type
- Featured Image Media field.
- Hero Image Media field.
The image crop styles
There are six crops configured on the website. Each of these crops is associated with a specific component.
- 13:5 Landscape hero.
- 16:9 landscape image crop.
- 4:3 landscape taller image crop.
- 4:5 portrait image crop.
- Hero Crop No Ratio.
- 1:1 square image crop (this is a required part for the Featured Image field in the User Profiles).
Cropping dos and don'ts. Cropping FAQs
Listed below are some select components with an examples of how images will look with the image crop styles applied.