Preparing an image for publication
Use the following steps to prepare an image for publication:
Edit the image for brightness, contrast, and other characteristics.
Set a focus point.
Crop the image.
Add annotations.
All of these steps are done in the image editor.
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
Open the image in the content edit page.
Above the image, click |mi-brush|.
Brightspot opens the image in the Image editing form.
Click Edit, and edit the image using the controls described in the following table.
Click Done to close the image editing form.
Complete your site's workflow and publish the image.
Control | Description | Example |
|---|---|---|
|mi-rotate_left| | Rotates image counter-clockwise. |  |
|mi-rotate_right| | Rotates image clockwise. |  |
|mi-flip_horizontal| | Flips image horizontally. |  |
|mi-flip_vertical| | Flips image vertically. |  |
Brightness | Changes the image's brightness. |  |
Contrast | Changes the image's contrast. |  |
Invert | Inverts colors on original image, such as black appearing as white. |  |
Sepia | Applies a sepia filter to the original image. |  |
Grayscale | Applies a grayscale filter to the original image. |  |
Reset | Displays image as it was added to Brightspot. |  |
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.
You can set focus points for all images, or for individual orientations (landscape, portrait, and square).
In the image preview, select the orientation for which you want to set a focus point.
Click on the preview. A target appears.
Click again to position the target on the focus point.
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 previous illustration, the focus point is the topping on the pancakes when the image is rendered in landscape orientation.
Cropping an image
The image editor provides previews of different image sizes as they appear in published content. You can modify the cropping of each image size.
Above the image, click |mi-brush|.
Brightspot opens the image in the Image editor.
In the image editor, under Sizes, scroll down and click one of the previews. Brightspot displays the preview inside a frame that keeps the focus point (if any) as close to the center as possible.
Click and drag the handles to adjust the crop as necessary.
Click the crop area and drag it to move the frame.
Click Done to close the image editor.
The following illustration is an example of a crop area that was resized and moved. The preview matches the cropping.
Resetting a crop
You can reset a crop so that it returns to one of the preconfigured sizes.
In the Image editing form, under the Sizes tab, select one of the pre-configured sizes.
Click Reset Crop. The crop area returns to its original size and position.
Click |mi-close| to close the image editor.