Preparing an Image for Publication

Use the following steps to prepare an image for publication:

  1. Edit the image for brightness, contrast, and other characteristics.
  2. Set a focus point.
  3. Crop the image.
  4. Add annotations.

You perform all of these steps in the image editing form.

../../../_images/image-editing.jpg

Image Editing Form

The following sections describe each step in detail.

Note

Brightspot always retains a copy of the image you originally added. If you crop, modify, or annotate an image as explained in this section, you can always retrieve the original image.

Editing an Image

  1. Open the image in the content edit page.

  2. Above the image, click Edit.

    ../../../_images/open-image-editing-form.png

    Brightspot opens the image in the Image Editing Form.

  3. Click Edit, and edit the image using the controls described in the following table.

  4. Click close to close the image editing form.

  5. Click Publish.

Control Description Example
Brightness Changes the image’s brightness. ../../../_images/editing-brightness.jpg
Contrast Changes the image’s contrast. ../../../_images/editing-contrast.jpg
rotate_left Rotates image counter-clockwise. ../../../_images/editing-counter-clockwise.jpg
rotate_right Rotates image clockwise. ../../../_images/editing-clockwise.jpg
flip Flips image horizontally. ../../../_images/editing-horizontal.jpg
flip Flips image vertically. ../../../_images/editing-vertical.jpg
Invert Inverts colors on original image, such as black appearing as white. ../../../_images/editing-invert.jpg
Sepia Applies a sepia filter to the original image. ../../../_images/editing-sepia.jpg
Grayscale Applies a grayscale filter to the original image. ../../../_images/editing-grayscale.jpg
Reset Displays image as it was added to Brightspot. ../../../_images/editing-reset.jpg

Setting a Focus Point

An image’s focus point is its ideal vertical and horizontal center. When automatically cropping images, Brightspot attempts to keep the focus point in the center of the cropped area.

  1. In the Image Editing Form, under Focus, click on the image. A target appears.
  2. Drag the target to the focus point.
  3. Click close to close the image editing form.

When selecting a focus point, click the point of the image that you want to be as close to the center as possible in the cropped area. In the following example, the focus point is the topping on the pancakes.

../../../_images/focus-point.svg

Cropping an Image

Depending on your version of Brightspot, the Image Editing Form includes preconfigured cropping sizes. You can select one of the sizes, or you can crop the image as required for your item.

  1. In the Image Editing Form, under Sizes, click one of the preconfigured sizes. (If you don’t see any sizes next to the image, or if the size you need is missing, contact your Brightspot administrator.) Brightspot displays a frame within the image that keeps the focus point (if any) as close to the center as possible.
  2. Click and drag the handles at the frame’s corner to adjust the crop as necessary.
  3. Click the crop area and drag it to move the frame.
  4. Click close to close the image editing form.

The following illustration is an example of a crop area that was resized and moved.

../../../_images/crop-image.jpg

Resetting a Crop

You can reset a crop so that it returns to one of the preconfigured sizes.

  1. In the Image Editing Form, under Sizes, click one of the preconfigured sizes.
  2. Click Reset Crop. The crop area returns to its original size and position.
  3. Click close to close the image editing form.

See also: