Documentation Center

Cropping an image

You can crop an image to remove outer portions of the image, such as to fit a given space or for artistic effect.

About this task

You can crop any PNG or JPEG image that is contained within a Multimedia Component.

Procedure

  1. Open the Multimedia Component containing the image, and click Edit.
    The new edit window opens.
  2. Click the Crop button.
    A blue selection box and 9-panel grid appear on top of the image, indicating the portion of the image to be retained after cropping it.
  3. You can adjust the selection using the grid handles (small squares on the border) or any combination of the following options:
    Aspect Ratio
    Select an option from the Aspect Ratio list to control cropping with respect to the image's proportions (ratio of width to height).
    • Select one of the preset ratios to maintain the proportions of the cropped image.
    • Select Custom to crop the image with no constraint on its height and width proportions.
    Position
    The values in the Position boxes indicate the position of the selection box along the X (horizontal) or Y (vertical) axis. The horizontal position is the number of pixels from the left edge of the original image, while the vertical position is number of pixels from the top edge.
    You can type a value directly in the box or use the up and down arrows to change the value incrementally. You can also use your mouse to click-grab and move the selection box.
    Size
    The values in the Size boxes indicate the current width and height of the selected image (portion inside of the selection marquee), indicated in pixels (px).
    • You can type a value directly in the box or use the up and down arrows to change the value incrementally.
    • If a preset ratio is selected from the Aspect Ratio list, you need only to change the width or the height and the other dimension will automatically adjust itself (to preserve the ratio).
    If you modify the height, the width will automatically adjust. Likewise if you modify the width, the height will adjust. The adjustment is automatic to prevent distortion of the image.
  4. When you are satisfied with the image selection, click Apply.
    The cropping changes are made, and you can continue editing the image.
  5. When you are done with all the image edits you want to make, click Finish Editing.

Results

Your image modifications are saved, but they are permanent only after you have saved the Multimedia Component. If you close the browser window without using one of the Save options, all image edits will be lost.