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.
    Crop button below an image field

  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 node (content) edit form will indicate that the image has been cropped.
    Crop button text has changed to "crop (cropped)"

  4. Click the "Save" button at the bottom of the node (content) edit form when you are done.
    Save button on node edit form

Article number: 
Last updated: 
June 24, 2016