Image editor

Use the Optimizely Agent Platform image editor to refine a generated image without recreating it. Select an element, draw over an area, or outline a region with a shape to edit the image. Create variants of the finished image to use across multiple channels.

To open the image editor, use one of the following methods in Mark chat:

Click Edit on the generated image to display the editor.

The image editor displays the image and Mark chat side by side. The toolbar holds the three editing modes: Select, Draw, and Shape. It also contains a drop-down list to change the aspect ratio of the image. Use Variants to create variants of the image for multiple channels.

The image editor also opens at a default zoom level. Click Zoom to set a custom zoom level or select a preset.

Edit your image using the three editing modes.

Select mode detects the separate parts of an image, such as text, shapes, and objects. Change one part without affecting the rest.

Agent Platform displays the edit element options.

Depending on how you want to edit the element, see the following options:

Remove element – Click Remove. Agent Platform queues the element removal. See Queue and run edits.

Edit the element – The edit box depends on the element type:

Use Draw mode to paint over the exact area you want to change. This mode gives finer control than Select mode. Use it when a change does not match a single detected element. Use it to target only part of an element.

Shape mode lets you select a specific area of the image.

In Draw and Shape modes, refine the painted area before you run the edit:

Run an edit immediately, or add it to a queue to run several edits together. Each editing mode has its own queue, and you cannot mix the modes in a single run.

When you finish an edit, click Run and select an option:

To run queued edits, follow these steps:

If you switch editing modes while edits are pending, Mark prompts you to run or clear them first.

Mark combines the queued edits into a single instruction and applies them at the same time. Mark then creates a version with the result.

When the queue holds more than one edit, the order sets how Mark writes the instruction. The order affects the results because each edit reads as part of a sequence. For example, you queue the following changes:

The current order makes sense. The reverse order does not, as the night sky would hide the stars.

Manage the queue in Queued Image Edits in Mark chat:

Change the aspect ratio to resize the image for a different placement. For example, use 1:1 for a social post or 16:9 for a banner. Aspect ratio changes apply immediately. Mark does not add them to the queue.

Agent Platform resizes the image and creates a version with the result.

Create variants of your images for use across multiple channels. A variant is your image regenerated at one aspect ratio. Mark generates each variant from your current image, so you do not have to resize the image for each channel. Changing the aspect ratio resizes the image and creates a version. Variants display alongside your original image.

Open an image in the image editor and wait for Mark to finish any running edit. Variants is unavailable while Mark processes an edit.

To create variants, follow these steps:

The number next to Variants displays how many aspect ratios you selected.

Mark creates a variant for each selected aspect ratio and displays them side by side with your original image.

A channel pack is a set of aspect ratios for a specific use. Select a pack to select all of its aspect ratios at once. Select the pack again to clear the selection.

To choose individual aspect ratios, expand Select sizes and select the ones you want. If you change the selected aspect ratios, Agent Platform clears the pack selection and keeps your chosen aspect ratios.

Agent Platform displays your original image and each variant labeled with its aspect ratio.

Every run creates a version that displays as a card in Mark chat. Use versions to compare results and revert to an earlier image when an edit does not look correct.

Select different versions in the image editor from the drop-down list.