View Mode Crop
This module allows content editors to crop images directly within Drupal. It enables different cropping options for different view modes, meaning you can have specific cropped versions of an image for various display contexts. This functionality applies to both standard image fields and media image fields.
The View Mode Crop module allows content editors to crop images to use in
a website. The availability of the cropping function is determined by the
view modes defined for the entity the image or media entity reference fields
are attached to. This means you can create distinct cropped images for each
view mode.
Cropping enabled for image and media fields:
Viewing the node with the cropped images:
Enabling cropping for image fields:
You can enable cropping for image fields by selecting the "Image (cropped)"
formatter for the field.
Enabling cropping for media image fields:
Cropping of media-based image fields allows you to do cropping at the entity
level instead of the media level, which means that distinct cropped variants
of the same image media can be used in different entities.