Skip to content
  • There are no suggestions because the search field is empty.

Adjusting images with Visual edit

Learn how to crop, rotate, or enhance images using B12's built-in image editor.

jay_d2-1572877644-modified

Written by: Jay D.

Last updated: 11 Aug., 2026

You can edit images directly within B12 using built-in tools to crop, adjust orientation, apply filters, and add metadata like alt text. The image editor is organized into three sections: Orientation (rotate and flip), Crop, and Filters.

Editing an image

  1. In the left sidebar, select svgviewer-output (14) Visual edit.

  2. Click the image you want to edit. A settings panel appears in the left sidebar.
  3. Click Edit.
  4. Make your changes using the Orientation, Crop, or Filters sections, then click Save.
  5. Click Save again to update your site with the new image.

Cropping an image

  1. After opening the image editor (see above), select crop Crop image.

  2. Select the area you would like to crop the image to on the right.

  3. Once you have that selected, click crop Crop.


    The cropped image will appear in the preview pane. Feel free to adjust cropping if needed.

  4. Click Save to update your site.

Editing image metadata

  1. In the left sidebar, select svgviewer-output (14) Visual edit.

  2. Click the image you want to edit. A settings panel appears in the left sidebar.

  3. Click Metadata.

  4. Enhance accessibility and SEO by adding Alternative (Alt) text, which describes the image for screen readers, then click Save.

Replacing an image

  1. In the left sidebar, select svgviewer-output (14) Visual edit.

  2. Click the image you want to edit. A settings panel appears in the left sidebar.

  3. Click Replace.

  4. Choose one of the following options:

  • Library: Choose an image you uploaded previously or upload a new image. To upload, click Upload media. Select your image, then click Continue. All uploaded files are stored in your Library for future use. Click Save to update.

  • Search: Use free, open-license images from Pexels. Type a keyword in the Search free photos field, select your image, then click Continue. Click Save to update.

  • AI Agent: Generate an AI image that fits your vision. Click Ask AI Agent to generate an image. Type a detailed description of your image, starting with Generate an image of... then click the up arrow up_arrow. The AI Agent will automatically create a new image and replace the previous one.

Note: Generating an image with the AI Agent uses AI credits.

Applying filters

Filters change the look of an image without leaving B12.

  1. After opening the image editor, expand the Filters menu.
  2. Select the checkbox next to any filter you want to apply: Blend color, Blur, Exposure, Grayscale, Invert, Noise, Sepia, or Sharpen.
  3. Some filters include extra settings. For example, Blend color lets you choose a blend mode and color, and Blur lets you set the intensity with a slider. Adjust these as needed.
  4. Apply as many filters as you like and review the result in the preview.
  5. Click Save to update your site.