> ## Documentation Index
> Fetch the complete documentation index at: https://docs.kameleoon.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Edit images in the Image Editor

> Resize, crop, flip, draw on, add shapes to, and filter an image element with the Widget Studio Image Editor.

The Image Editor changes an image element in your widget. It has four tabs: Frame, Draw, Shapes, and Filters.

## Open an image in the Image Editor

To edit an image in the Image Editor:

1. Select the image element in your widget. In the **General** tab, click **Open in Image Editor**. The Image Editor opens.
2. Apply your desired edits.

![Image element panel, General tab, with the image Source preview, Open in Image Editor button, Alt text field, and Fill mode Cover](https://storage.googleapis.com/kameleoon-storage-documentation/user-manual/images/edit-your-widgets-step-10-2x.png)

In the top right of the Image Editor, you can zoom in and out, undo your changes, reapply them, or change the image you're editing.

## Frame

Use the Frame tab to resize, crop, or flip your image.

![Image Editor dialog with Frame, Draw, Shapes, and Filters tools, Resize, Crop, and Flip tabs, and Cancel and Save buttons](https://storage.googleapis.com/kameleoon-storage-documentation/user-manual/images/edit-your-widgets-step-11-2x.png)

### Resize an image

To resize your image:

1. Click the **Resize** tool.
2. Enter the desired dimensions or use the slider to adjust the image's size.

### Crop an image

If you need to trim the edges of your image:

1. Click the **Crop** tool.
2. Choose a preset dimension or select the crop area.

### Flip an image

You can flip your image horizontally or vertically using the **Flip** tool.

## Draw

Use the **Draw** tool to draw on your image. Select the brush size and color to customize your drawing.

## Shapes

Insert shapes, such as circles, squares, or arrows, with the **Shapes** tool. You can adjust the shape's size, color, and position.

## Filters

Enhance your image with filters by selecting the **Filters** option. You can adjust your image's brightness, noise, and threshold.