> 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).


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://setka.gitbook.io/help-center/setka-post-editor/images/image-editor.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
