Images which are uploaded to your website through a field (ie, images which are not included in a text area) may be cropped after they are uploaded. If an image is unusable in its current form, you will be prompted via a red popup window to crop the image. 

  1. After uploading an image, click on the Crop button or select a style to crop in the Manual Crop list.

    Crop button below an image field
    Image field with a list of Manual Crop styles
  2. Select the area you want to crop. Use the handles around the crop area to re-size the cropping selection area. Click and drag the cropping selection area to move the selection area.
    Alternatively, you may want to click 'Maximize selection' at the bottom of the screen for quick and effortless cropping. 

    Cropping selection
  3. Click the 'Save' button at the bottom right of the screen. This will close the cropping overlay.

    Save button for crop selection

    The Crop button on the edit form or the name of the crop selection in the Manual Crop list will include "(cropped)" to indicate that the image has been cropped.

    Crop button text has changed to "crop (cropped)"
    A manual crop style in a list which has a selection made
  4. Click the "Save" button at the bottom of the edit form when you are done.

    Save button on node edit form
Article number: 
102768
Last updated: 
September 13, 2017
Service: