> For the complete documentation index, see [llms.txt](https://docs.cloudimage.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.cloudimage.io/library/media-editors/image-editor.md).

# Image Editor

If you have an image asset (jpg, png, webp, etc) you can modify it with the in-built Image Editor in a multitude of ways, including cropping, resizing, applying filters or watermarks, and so on. You can adjust the image and save the modified output as a `new version` (replacement of the existing image) or a `new file`.

#### Edit image <a href="#edit-image" id="edit-image"></a>

Click the **Edit image** button from the context menu or in the Asset Details window to open it in the Image Editor.

The Image Editor is a feature-rich inline image editor that supports the most commonly used image editing function of image editing software:

**Supported features in the Image Editor:**&#x20;

Adjust

* *Custom* - choose from predefined crop sizes, including common formats for social media banners, logos, and more
* *Rotate* - option to rotate the image per 90 degrees
* *Flip X* - flip the image horizontally
* *Flip Y* - flip the image vertically

Resize

Manually set your image's width and height or drag to resize using your mouse.

Finetune

* *Brightness*—Control how light or dark your image appears.
* *Contrast* - Increase or decrease the contrast between light and dark areas.
* *HSV*—Adjust the color (Hue), intensity (Saturation), and brightness (Value) of your image to create the desired look.
* *Blur* - Soften the focus for a smoother look.
* *Warmth*—Balance the temperature of your image between warmer (red/yellow) or cooler (blue/green) tones.

Filters

Select from more than 40 filters to enhance your images.

Watermark

* *Add watermark* - add an already uploaded watermark image to your asset
* *Upload watermark* - choose an image to be applied as a watermark
* *Add as text* - create a watermark of your choice, applying it as a free text to your image

Annotate [<sup>(beta)</sup>](#user-content-fn-1)[^1]

[^1]: