> For the complete documentation index, see [llms.txt](https://setka.gitbook.io/help-center/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://setka.gitbook.io/help-center/setka-post-editor/images/image-editor.md).

# Image Editor

## Opening Image Editing Mode

Many marketing departments don’t have the resources for a dedicated photography professional. That is why writers, editors, and content marketers can easily implement simple yet effective image edits right within the Setka Editor interface.

The image editor opens up in a pop-up window, allowing users to easily improve and optimize visuals alongside their content and layout editing efforts.

There are two ways how you can open the image editing mode:

1\. From the image inserted into the post (into a page)

![Image Editor icon on an image inserted into a post content in Setka Editor (in the content editing area)](/files/-MQJUW7-MJ7m7876jkOU)

2\. From the **Image** panel in Side Toolbar

![Image Editor Icon in the Image panel in Setka Editor Side Toolbar](/files/-MQJUfKBhTE_VuOnwe8R)

## Image Editing tools

### Crop

To crop an image, select the **Crop** icon and define the area to crop the image. Press **Apply** to finalize the edits or **Cancel** to cancel the changes.

![Animated .gif image showing crop function in Setka Image Editor with a picture of a pineapple on blue background](/files/-MQJQG_BKdfFZvlXbLuI)

### Rotate, Flip horizontal, Flip vertical

To rotate an image, select the **Rotate** button. To flip an image horizontally, choose the **Flip horizontal** button. To flip an image vertically, select the **Flip vertical** icon. Press **Apply** to finalize the edits or **Cancel** to cancel the changes.

![Animated .gif image showing image rotation and image flipping functions in Setka Image Editor with a picture of a pineapple on blue background](/files/-MQJQlrIuKp3jDp-4CHU)

### Adjust brightness

To adjust the brightness of an image, choose the **Brightness** button, and move the slider to adjust image brightness. Press **Apply** to finalize the edits or **Cancel** to cancel the changes.

![Animated .gif image showing image brightness editing interface in Setka Image Editor with a picture of a pineapple on blue background](/files/-MQJTOgrpaSmXiCnQEoi)

### Tint

To tint the image, choose the **Tint** button, and use the color picker to tint the image. Press **Apply** to finalize the edits or **Cancel** to cancel the changes.

![Animated .gif image showing image tint color picker in Setka Image Editor with a picture of a pineapple on blue background](/files/-MQJTh1KG2UqtSyyMXIc)

## Why don't my images appear in the editing mode? <a href="#cors" id="cors"></a>

That happens, because images, that that you uploaded to the post are hosted on a domain different from the domain where you work in Setka Editor. So the [CORS ](https://developer.mozilla.org/en-US/docs/Web/HTTP/CORS)error happens, which restricts loading of any resources from a different domain, except, when the responding server has a header `Access-Control-Allow-Origin: *` (instead of `*` you can apply any domain name).

{% hint style="success" %}
**For example:**

* Setka Editor's domain — `https://example.com`&#x20;
* Domain, where the images are hosted — `https://cdn.example.com`&#x20;

For resolving CORS error — you need to add HTTP Header `Access-Control-Allow-Origin: https://example.com` for all responses from `https://cdn.example.com`.&#x20;
{% endhint %}

Read in the [following article how to resolve the CORS error for your images](https://developer.mozilla.org/en-US/docs/Web/HTML/CORS_enabled_image).