Editing images

While working with images that are contained within Multimedia Components, you can quickly perform basic image editing tasks without needing to use a separate image editing application. Image editing is supported for the JPEG (.jpg or .jpeg) and PNG file formats.

Images on a webpage are frequently added to the page as standalone images, where they are inserted as Multimedia Links and are contained within Multimedia Components. When you edit these images (or any Multimedia Component), it is important to be aware that your changes affect every instance of the image (or Multimedia Component) throughout the website.

While creating or editing a standalone image in the Classic user interface, you can perform the following image editing tasks:

  • Crop
  • Resize
  • Rotate and Flip

While you are editing the image in the built-in editor, you can use the Undo and Redo buttons to undo or redo, respectively, at most ten edit actions (crop, resize, rotate or flip) that you have performed.

For more advanced image editing, such as adjusting the color balance, use the Download button to download an editable copy of the file to a local or network drive. You can then use the software program of your choice to edit the image. When finished, upload the revised image file to the Multimedia Component.

Cropping

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

  1. 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.

  2. 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.

Resizing

You can resize an image to decrease the image's overall dimensions. The aspect ratio (ratio of width to height) is maintained automatically to prevent distortion of the image.

  1. Click the Resize button.

    The image's current width and height (in pixels) appear beside the image.

  2. Below the current dimensions in the Fit to fields, adjust either the image's height or width.
    • Type a desired value for width or height.
    • Use the up and down arrows to incrementally change the width or height.

    If you modify the height, the width will automatically adjust. Likewise if you modify the width, the height will adjust.

  3. When you are satisfied with the image size, click Apply.

    The sizing changes are made, and you can continue editing the image.

Rotating and flipping

Use the rotation and flipping options to change the orientation of an image Rotating turns the image in 90-degree increments, while flipping turns reverses the image horizontally or vertically.