# Editor

With Ideogram’s Editor feature, you can modify an image as you see fit, including cropping, resizing, tweaking, and making adjustments that will be considered along with your prompt the next time you remix it. You can even use it to design, from scratch, the visual composition of the image you want to achieve.

## How to Access the Feature

While browsing images or viewing image in details, click the **More** icon <picture><source srcset="https://1799634369-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzjhNby3LLsIikYuvxAJP%2Fuploads%2F3Ks1Q3ZANIcb52iR6lgs%2FCleanShot%202024-07-18%20at%2016.45.56%402x.png?alt=media&#x26;token=548d57b2-b767-419d-9107-63c173c74315" media="(prefers-color-scheme: dark)"><img src="https://1799634369-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzjhNby3LLsIikYuvxAJP%2Fuploads%2FQuB5iS76grJZgzrCRuSw%2Fimage.png?alt=media&#x26;token=b3eb6ffc-e838-4dde-924e-e3c7943405f6" alt="" data-size="line"></picture> and select **Edit in Editor**.

<figure><picture><source srcset="https://1799634369-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzjhNby3LLsIikYuvxAJP%2Fuploads%2FQkQPpUVJmKGLpoIOYPMx%2FBrowsing%20-%20More%20Menu%20-%20Dark%402x.png?alt=media&#x26;token=6c924d32-0747-4dec-80c0-eff294fd848c" media="(prefers-color-scheme: dark)"><img src="https://1799634369-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzjhNby3LLsIikYuvxAJP%2Fuploads%2FbD6PVOaeojgqPu7pxSnS%2FBrowsing%20-%20More%20Menu%20-%20Light%402x.png?alt=media&#x26;token=83221e08-ff48-42eb-8b4d-df1ea13c7957" alt="" width="248"></picture><figcaption></figcaption></figure>

Alternatively, when using **Remix** or **Upscale**, click the tab the bottom of the prompt box, hover your mouse on the image. then click the **Editor** icon <picture><source srcset="https://1799634369-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzjhNby3LLsIikYuvxAJP%2Fuploads%2Fap3uYfpaKQND6PKqwZIs%2FCleanShot%202024-07-21%20at%2013.42.06%402x.png?alt=media&#x26;token=c8e09f23-60b0-419c-a37a-90b83ac6581b" media="(prefers-color-scheme: dark)"><img src="https://1799634369-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzjhNby3LLsIikYuvxAJP%2Fuploads%2FhcjU2N6czbHMSJchvJ88%2FCleanShot%202024-07-21%20at%2013.39.58%402x.png?alt=media&#x26;token=06381ed5-f0b7-42fd-87ff-cd350075eb65" alt="" data-size="line"></picture> in the popup menu.

<figure><picture><source srcset="https://1799634369-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzjhNby3LLsIikYuvxAJP%2Fuploads%2Ft6GZBqINFF1MLdp0oG0X%2FIdeogram%20%E2%80%93%20philozoff%20-%20Light%20Dark%402x.png?alt=media&#x26;token=e35a545b-8253-4485-a19b-f5e48c8dd431" media="(prefers-color-scheme: dark)"><img src="https://1799634369-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzjhNby3LLsIikYuvxAJP%2Fuploads%2Fy7iJFkKtavkm9uNN1NB6%2FIdeogram%20%E2%80%93%20philozoff%20-%20Light%20Dark%402x.png?alt=media&#x26;token=1bb3fe1f-6c24-4f93-bafa-ded71161cb39" alt="" width="375"></picture><figcaption><p>Location of the Editor icon.</p></figcaption></figure>

## The Different Tools Available

In the Editor, you have various tools available to you.

### Top Toolbar

<figure><picture><source srcset="https://1799634369-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzjhNby3LLsIikYuvxAJP%2Fuploads%2FewuVEN8F7BCvFtH15fzn%2FEditor%20Top%20-%20Dark%402x.png?alt=media&#x26;token=ad75e37a-6d5e-4485-9f67-b94ec5ffb326" media="(prefers-color-scheme: dark)"><img src="https://1799634369-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzjhNby3LLsIikYuvxAJP%2Fuploads%2FXeY5Er3ZYQjIMiTiBrHU%2FEditor%20Top%20-%20Light%402x.png?alt=media&#x26;token=97dfee0c-e1f2-413b-905e-dfb631efb747" alt="" width="563"></picture><figcaption><p>The top toolbar of the Editor</p></figcaption></figure>

1. **Crop Tool**: Used to resize, enlarge, or reduce an image, or to change its aspect ratio.
2. **Zoom Tool**: Used to zoom in and position the image so you’re more comfortable making modifications. This tool does not alter the image in any way.
3. **Drawing Tool**: Use this tool to draw within the image.
4. **Pen Thickness**: Set the thickness of the drawing tool using the slider or by entering a number between 1 and 100.
5. **Predefined Thickness**: Provides 4 predefined drawing tool thicknesses for easy access.
6. **Eyedropper**: This tool lets you select the drawing tool color directly from the existing image. You can also activate this tool by control-clicking (CTRL-click on PC) or by two-finger tapping on the image.
7. **Color Selector**: Use this tool to manually select the desired color.

### Bottom Toolbar

<figure><picture><source srcset="https://1799634369-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzjhNby3LLsIikYuvxAJP%2Fuploads%2FButQaLp3imbF0aaanpR4%2FEditor%20Bottom%20-%20Dark%402x.png?alt=media&#x26;token=f709c46b-50f3-4cf8-aeaf-4f55156ece87" media="(prefers-color-scheme: dark)"><img src="https://1799634369-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzjhNby3LLsIikYuvxAJP%2Fuploads%2FKV2KCAw7Q7ZFDTklfYjX%2FEditor%20Bottom%20-%20Light%402x.png?alt=media&#x26;token=6482fe33-7fa0-4e27-93c8-2cb5056e52fd" alt="" width="563"></picture><figcaption><p>The bottom toolbar of the Editor</p></figcaption></figure>

1. **Undo/Redo**: Reverse the last action or reapply the last undone action.
2. **Cancel**: Exit the Editor without saving. You will return to the prompt area.
3. **Private/Public**: Choose whether your drawing should be private or public. Private edits are available only to Ideogram Plus subscribers and above.
4. **Save**: Save your changes and return to the prompt area.

### The Crop Tool

When you select the Crop Tool, a different toolbar will appear at the bottom.

<figure><picture><source srcset="https://1799634369-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzjhNby3LLsIikYuvxAJP%2Fuploads%2FQ1XZTP5XYHUMzuk8Eq82%2FEditor%20Crop%20Bottom%20-%20Dark%402x.png?alt=media&#x26;token=b024db22-32aa-4072-9e6b-60dbc8e80bbc" media="(prefers-color-scheme: dark)"><img src="https://1799634369-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzjhNby3LLsIikYuvxAJP%2Fuploads%2FaoM4JfrELgQLiQuv50cB%2FEditor%20Crop%20Bottom%20-%20Light%402x.png?alt=media&#x26;token=d8993229-17a0-487e-93a3-daf029591c34" alt="" width="563"></picture><figcaption><p>The bottom toolbar when using the Crop Tool</p></figcaption></figure>

1. **Aspect Ratios**: Choose the aspect ratio for your image. You can click on the down arrow on the right to see all the available aspect ratios.
2. **Zoom**: Visualize the percentage of magnification for the image. You can use the + and - buttons to magnify or reduce the image (or pinch to adjust on mobile) to your liking.
3. **Cancel**: Use this option if you want to leave the Crop Tool without saving.
4. **Crop**: When you are ready to crop your image, save it and return to the Editor.

## Examples

### Draw an Image from Scratch

You can use the editor to create any image from scratch and let Ideogram generate an enhanced version based on your drawing and prompt.

<figure><img src="https://1799634369-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzjhNby3LLsIikYuvxAJP%2Fuploads%2FCUFRnwnCphxUzuO8TGxB%2F01%20-%20Sketch.png?alt=media&#x26;token=e3ddd70f-2121-4ce9-a183-fb1b076ec542" alt=""><figcaption><p>Basic drawing representing the subject, colour and composition of the elements of the prompt.</p></figcaption></figure>

Once the drawing is complete and saved, simply run a remix on it using a suitable prompt to describe what you want in the final image.

**Prompt:** *Illustration of a frog on a country road at sunset.* \
**Model**: Ideogram version 2.0 \
**Remixed image weight** of 45/100\
**Magic Prompt**: Off\
**Style**: General\
**Rendering**: Default

Result:

<figure><img src="https://1799634369-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzjhNby3LLsIikYuvxAJP%2Fuploads%2FRJ44mgYZDRKcNNqQEtCH%2F02-Frog.png?alt=media&#x26;token=4df18062-729f-4705-be27-f7d3e93bc563" alt=""><figcaption></figcaption></figure>

### Remove Unwanted Elements

You can remove unwanted elements from the image by using the pen tool and selecting the background color. In this example, the placeholder text on the menu design was removed, leaving space for a blank copywriting area.

<div><figure><img src="https://1799634369-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzjhNby3LLsIikYuvxAJP%2Fuploads%2FiYOluErQSkfTz3ezpK3P%2F04-menu.png?alt=media&#x26;token=3cba536a-72a2-411a-b2f3-96571d998cc0" alt=""><figcaption></figcaption></figure> <figure><img src="https://1799634369-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzjhNby3LLsIikYuvxAJP%2Fuploads%2Fkes5ij7zkJWGUyzAPvNg%2F05-menu%20edited.png?alt=media&#x26;token=36cd6e70-8288-4c52-83ef-9696979754a9" alt=""><figcaption></figcaption></figure></div>

In this case, the little spots around the pets were removed and a little patch of gold/brown removed from the dog's fur.

<div><figure><img src="https://1799634369-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzjhNby3LLsIikYuvxAJP%2Fuploads%2Fs19EDu61sTgVw5xR02q4%2F06a-a-detailed-t-shirt-design-of-a-tender-mo_HmoKisPnSc-B-hdIX7gq4Q_NnS5-wq6T6yZXoINHM54kQ.png?alt=media&#x26;token=8c108282-ebda-4948-81ac-02e9b567b3f5" alt=""><figcaption></figcaption></figure> <figure><img src="https://1799634369-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzjhNby3LLsIikYuvxAJP%2Fuploads%2FVaJESfqadUTrFrOkmg7o%2F06b-edit_i9LrQST1RmmxJC5GoONc2g.png?alt=media&#x26;token=90f3a23c-3229-47ea-bec4-45dcd75bdf32" alt=""><figcaption></figcaption></figure></div>


---

# Agent Instructions: 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:

```
GET https://docs.ideogram.ai/canvas-and-editing/editor.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
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.
