# Source: https://docs.ideogram.ai/canvas-and-editing/canvas/canvas-overview.md

# Canvas Overview

## What is Canvas?

Ideogram **Canvas** is an infinite creative board designed for generating, editing, and organizing images. It’s the ideal workspace for projects involving multiple images, whether they’re generated directly within Ideogram or uploaded from your computer.

With Canvas, you can:

* **Upload your own images** by clicking Upload, using copy-paste or simply dragging in an image.
* **Edit images** using two new powerful tools:
  * **Magic Fill** (inpainting) to add or modify elements within an image.
  * **Extend** (outpainting) to expand your image beyond its original edges.
* **Generate** images using text prompts.
* **Remix** images and compositions.
* Add **Text** to your images.
* **Download** your final composition/work as an image.

***

## Accessing Canvas

You can access Canvas in different ways:

1. Click the Canvas icon on the left-side panel to create a new canvas.

<figure><picture><source srcset="https://1799634369-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzjhNby3LLsIikYuvxAJP%2Fuploads%2FcuExNH8XHBDhDL7HKG0m%2FIdeogram%20-%20Light%20Dark%402x.png?alt=media&#x26;token=faec93c7-d8fd-4abc-8af8-1c4852be1f8f" media="(prefers-color-scheme: dark)"><img src="https://1799634369-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzjhNby3LLsIikYuvxAJP%2Fuploads%2F1kquxiSgHZ0to3HSG78h%2FIdeogram%20-%20Light%20Dark%402x.png?alt=media&#x26;token=6d24a9c3-b249-401b-a24c-6185145ee88c" alt="" width="82"></picture><figcaption></figcaption></figure>

2. When viewing an image in detail, 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%2FASmJIf2Iinfih7gkJRNF%2FCleanShot%202024-07-18%20at%2016.46.07%402x.png?alt=media&#x26;token=a347c007-cd25-4e9e-a9cf-9d2b9893500c" alt="" data-size="line"></picture>  and select **Open in Canvas**.

<figure><picture><source srcset="https://1799634369-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzjhNby3LLsIikYuvxAJP%2Fuploads%2FsMj23CbDodPSWeklTQoE%2FCanvas%20-%20Ideogram%20Documentation%20-%20Light%20Dark%402x.png?alt=media&#x26;token=07e40f02-0978-427f-8f39-dd761da4b2a5" media="(prefers-color-scheme: dark)"><img src="https://1799634369-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzjhNby3LLsIikYuvxAJP%2Fuploads%2Fv4E9ENrSr0W6LFJbSfMx%2FCanvas%20-%20Ideogram%20Documentation%20-%20Light%20Dark%402x.png?alt=media&#x26;token=72b3e644-f05c-4b7a-98f9-94aa70e720fd" alt="" width="370"></picture><figcaption></figcaption></figure>

3. When browsing or viewing images, 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%2FASmJIf2Iinfih7gkJRNF%2FCleanShot%202024-07-18%20at%2016.46.07%402x.png?alt=media&#x26;token=a347c007-cd25-4e9e-a9cf-9d2b9893500c" alt="" data-size="line"></picture> and select **Open in Canvas** 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%2FTDGq1koyHpgZ3eyGzBcb%2FBrowsing%20-%20More%20Menu%20-%20Dark%402x.png?alt=media&#x26;token=d46036c4-a346-4c9d-8af1-9f6a318a1204" media="(prefers-color-scheme: dark)"><img src="https://1799634369-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzjhNby3LLsIikYuvxAJP%2Fuploads%2F2cQ4JVq7OcB1dtPI5zUe%2FBrowsing%20-%20More%20Menu%20-%20Light%402x.png?alt=media&#x26;token=045d4cab-813b-42c8-b22e-a1052fd415fc" alt="" width="248"></picture><figcaption></figcaption></figure>

***

## Quick Start Guide

{% stepper %}
{% step %}

### Select a tool from the left-side panel

* Click on **Generate**, **Remix**, **Magic Fill**, **Extend**, or **Text**, depending on the action you want to perform.
  {% endstep %}

{% step %}

### Define the area to work on

* For **Generate**: Select the aspect ratio you want for your images.
* For **Remix**: Position and resize the generation window over the area you wish to remix.
* For **Magic Fill**: Use the masking tools to select areas you want to change, then click Next to adjust the position and size of the generation window. Ensure enough of the underlying image is included so the AI has sufficient context.
* For **Extend**: Position the generation window over the area you wish to expand, including a significant part of the underlying image to maintain visual continuity. Use the masking tools to select areas you want to alter.
* For **Text**: Simply click on the canvas where you want the text to appear. Then adjust the text using the available text options. *(The next steps are irrelevant to the Text function.)*
  {% endstep %}

{% step %}

### Enter Your Text Prompt

* In the prompt box, describe the content you want to generate or the content currently visible in the generation window, and the changes you wish to apply depending on the tool used.
  {% endstep %}

{% step %}

### Adjust options as desired

* Modify settings like **Style**, **Magic Prompt**, **Aspect Ratio**, **Image Weight**, etc., to your liking.
  {% endstep %}

{% step %}

### Initiate the generation process

* Click the action button (**Generate**, **Remix**, **Magic Fill** or **Extend**) to generate your images.
  {% endstep %}

{% step %}

### Review and select generated images

* Generated images will appear on the canvas.
* For **Generate** and **Remix**: Four images will be placed directly on the canvas.
* For **Magic Fill** and **Extend**: One image will be generated where you placed the generation window. Click on the image and use the arrows in the menu below it to toggle between the four generated options.
  {% endstep %}

{% step %}

### Edit and arrange your images

* Use the **Select** tool to move, resize, or arrange images on the canvas as needed. You can repeat the previous steps to perfect your image.
  {% endstep %}

{% step %}

### Download your final composition

* Click the **Download** button on the left-side panel.
* Adjust the download generation window to encompass the area you wish to export.
* Set the desired dimensions manually if necessary, and choose the image format.
* Click **Download** to save your image.
  {% endstep %}
  {% endstepper %}

***

## Canvas Interface Overview

### Left-Side Panel

<figure><picture><source srcset="https://1799634369-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzjhNby3LLsIikYuvxAJP%2Fuploads%2F3DlmJ1eDgnGOS9stLasX%2FPhoto%20of%20a%20slightly%20smiling%20old%20man%20wearing%20a%20cas%E2%80%A6%20%E2%80%93%20Ideogram%20-%20Light%20Dark%402x.png?alt=media&#x26;token=7d85e6b5-efc5-4afe-b52c-eb8c943b640a" media="(prefers-color-scheme: dark)"><img src="https://1799634369-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzjhNby3LLsIikYuvxAJP%2Fuploads%2FIZhRX9B1zivwMydKuYHI%2FPhoto%20of%20a%20slightly%20smiling%20old%20man%20wearing%20a%20cas%E2%80%A6%20%E2%80%93%20Ideogram%20-%20Light%20Dark%402x.png?alt=media&#x26;token=222c5756-eb2f-4982-bbd3-c81c474fe5a5" alt="" width="80"></picture><figcaption><p>The left-side panel.</p></figcaption></figure>

Located on the left side of **Canvas**, this panel includes:

* **Home icon**: Returns to the Ideogram home page.
* **Generative tools**:
  * **Generate**: Create images using text prompts.
  * **Magic Fill**: Inpainting to add or modify elements within an image.
    * More details and examples here [magic-fill](https://docs.ideogram.ai/canvas-and-editing/canvas/magic-fill "mention")
  * **Extend**: Outpainting to expand your image beyond its original edges.
    * More details and examples here [extend](https://docs.ideogram.ai/canvas-and-editing/canvas/extend "mention")
  * **Remix**: Generate images based on a parent image and prompt.
* **Utility tools**:
  * **Select**: Select, move, resize, and arrange images.
  * **Hand**: Pan and navigate around the canvas.
  * **Text**: Write text directly on the canvas
    * More details and examples here [text-tool](https://docs.ideogram.ai/canvas-and-editing/canvas/text-tool "mention")
  * **Upload**: Import images from your computer.
  * **Download**: Crop and export your final composition.

### The Bottom-Right Panel

<figure><picture><source srcset="https://1799634369-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzjhNby3LLsIikYuvxAJP%2Fuploads%2F3WZd9DOVlwTw7o4VROx4%2FIdeogram%20-%20Light%20Dark%402x.png?alt=media&#x26;token=5895bf00-3203-4232-a256-d50305cb196a" media="(prefers-color-scheme: dark)"><img src="https://1799634369-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzjhNby3LLsIikYuvxAJP%2Fuploads%2FXXtAItzcre0OUhYpQd6W%2FIdeogram%20-%20Light%20Dark%402x.png?alt=media&#x26;token=f3f28165-7a94-49ac-9f42-3ad90acad257" alt="" width="365"></picture><figcaption><p>The bottom-right panel.</p></figcaption></figure>

This panel allows you to:

* **Undo** and **Redo** actions.
* **Check** if the Canvas has been saved successfully.
* **Zoom in** and **Zoom out** of the canvas.

You can zoom using the + and − buttons or select a predefined zoom percentage from the dropdown menu.

<figure><picture><source srcset="https://1799634369-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzjhNby3LLsIikYuvxAJP%2Fuploads%2F2Ms4e8oOUlUaW1GXPumD%2FIdeogram%20-%20Light%20Dark%402x.png?alt=media&#x26;token=916db9ee-b825-4b65-b38a-91e2f14d34f0" media="(prefers-color-scheme: dark)"><img src="https://1799634369-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzjhNby3LLsIikYuvxAJP%2Fuploads%2FRA1Pryg84Y7DCp1N7ujH%2FIdeogram%20-%20Light%20Dark%402x.png?alt=media&#x26;token=ea5f5bcc-7837-4c04-a84e-aa63c4b78e6b" alt="" width="108"></picture><figcaption><p>Zooming options.</p></figcaption></figure>

### Image Panel

Selecting any image on the canvas will display an image panel below it. The available options will vary depending on the type of image selected.

<div><figure><picture><source srcset="https://1799634369-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzjhNby3LLsIikYuvxAJP%2Fuploads%2F4uuQsUh2ozDsPrOygqrq%2FPhoto%20of%20a%20slightly%20smiling%20old%20man%20wearing%20a%20cas%E2%80%A6%20%E2%80%93%20Ideogram%20-%20Light%20Dark%402x.png?alt=media&#x26;token=8ebe3a8c-bca5-4653-883e-f0243fa33690" media="(prefers-color-scheme: dark)"><img src="https://1799634369-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzjhNby3LLsIikYuvxAJP%2Fuploads%2F1vkL5xF6TM4KmnGYMPsP%2FPhoto%20of%20a%20slightly%20smiling%20old%20man%20wearing%20a%20cas%E2%80%A6%20%E2%80%93%20Ideogram%20-%20Light%20Dark%402x.png?alt=media&#x26;token=0e8ccb91-392f-4403-9c19-079457043775" alt="" width="275"></picture><figcaption><p>Panel for generated image set (4 images).</p></figcaption></figure> <figure><picture><source srcset="https://1799634369-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzjhNby3LLsIikYuvxAJP%2Fuploads%2FLn9slisSIMYA1N4hPiL8%2FPhoto%20of%20a%20slightly%20smiling%20old%20man%20wearing%20a%20cas%E2%80%A6%20%E2%80%93%20Ideogram%20-%20Light%20Dark%402x.png?alt=media&#x26;token=d2706d9b-3eb8-447f-ad04-35d947d8cd15" media="(prefers-color-scheme: dark)"><img src="https://1799634369-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzjhNby3LLsIikYuvxAJP%2Fuploads%2FOvAy2QQEdIdC3XEUaYwX%2FPhoto%20of%20a%20slightly%20smiling%20old%20man%20wearing%20a%20cas%E2%80%A6%20%E2%80%93%20Ideogram%20-%20Light%20Dark%402x.png?alt=media&#x26;token=f537b7f3-b34c-464e-af3b-a936fd103c0e" alt="" width="203"></picture><figcaption><p>Panel for a single image.</p></figcaption></figure></div>

#### For generated image sets (4 images)

1. **Switch** between the four generated images of the set.
2. Access **More** options:

#### For single images

1. **Duplicate** the image.
2. **Remove** the image from the canvas.
3. Access **More** options

When you click **More**, the following menu appears:

<figure><picture><source srcset="https://1799634369-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzjhNby3LLsIikYuvxAJP%2Fuploads%2FQ2qX7pjhsuo9sHiuUZVe%2FPhoto%20of%20a%20rabbit%20in%20a%20garden%20%E2%80%93%20Ideogram%20-%20Light%20Dark%402x.png?alt=media&#x26;token=ed9d9b05-06a1-4158-81cc-6898c5a2fd26" media="(prefers-color-scheme: dark)"><img src="https://1799634369-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzjhNby3LLsIikYuvxAJP%2Fuploads%2Fi1p2y5ha6LQQPLonRZlS%2FPhoto%20of%20a%20rabbit%20in%20a%20garden%20%E2%80%93%20Ideogram%20-%20Light%20Dark%402x.png?alt=media&#x26;token=9cbcb939-c941-440d-b3bb-a61cf2a3aaf2" alt="" width="215"></picture><figcaption><p>More menu.</p></figcaption></figure>

From these menus, you can:

1. **Open/Close image details**
2. **Copy** the image.
3. **Duplicate** the image.
4. **Upscale** the image up to 2x.
5. **Remix** the image.
6. Use **Magic Fill** on selected image.
7. Use **Extend** on selected image.
8. **Remove background** on the image
9. **Arrange** the layer order:
   1. **Bring to front**
   2. **Bring forward**
   3. **Send backward**
   4. **Send to back**
10. **Download** – O*nly for generated images.*
    1. **PNG** – *Plus subscription and higher.*
    2. **JPG**
11. **Remove from canvas**

### Image Details Panel

This panel, located on the right side of the canvas, displays details about the selected image, such as the prompt, size, style used, and more. It also offers various actions that can be performed on the image. This panel has the same functionality as the image details panel available when viewing an image page on the website.

#### How to Open the Image Details Panel

If the right-side panel isn’t visible when an image is selected, you can activate it in the following ways: visible, you can activate it in different ways:

* Click the **Open image details** icon <picture><source srcset="https://1799634369-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzjhNby3LLsIikYuvxAJP%2Fuploads%2FuEs4lTUqyMU2tHNeSGj6%2FA%20slightly%20angled%20view%20photograph%20of%20a%20woman%20with%E2%80%A6%20%E2%80%93%20Ideogram%20-%20Light%20Dark%402x.png?alt=media&#x26;token=c9d00714-bbd2-477f-b45b-cf3dc72589c1" media="(prefers-color-scheme: dark)"><img src="https://1799634369-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzjhNby3LLsIikYuvxAJP%2Fuploads%2Fgf5YLMnXGme13Pr3ho2C%2FA%20slightly%20angled%20view%20photograph%20of%20a%20woman%20with%E2%80%A6%20%E2%80%93%20Ideogram%20-%20Light%20Dark%402x.png?alt=media&#x26;token=913e81c6-97b9-4445-a535-e02103b3de48" alt="" data-size="line"></picture> located at the top-right corner of the canvas.
* Alternatively, 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%2FASmJIf2Iinfih7gkJRNF%2FCleanShot%202024-07-18%20at%2016.46.07%402x.png?alt=media&#x26;token=a347c007-cd25-4e9e-a9cf-9d2b9893500c" alt="" data-size="line"></picture> in the panel below the image and select **Open image details** from the menu.

<figure><picture><source srcset="https://1799634369-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzjhNby3LLsIikYuvxAJP%2Fuploads%2F1KJHS5ui45z49dZr6DT2%2FUntitled%20Feb%204%20202%20PM%20%E2%80%93%20Ideogram%20-%20Light%20Dark%402x.png?alt=media&#x26;token=52807cfb-19ae-498a-869e-a76a9af57b30" media="(prefers-color-scheme: dark)"><img src="https://1799634369-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzjhNby3LLsIikYuvxAJP%2Fuploads%2FiKmTJykejAZTRuta474b%2FUntitled%20Feb%204%20202%20PM%20%E2%80%93%20Ideogram%20-%20Light%20Dark%402x.png?alt=media&#x26;token=c86bb519-983c-4a05-aff0-c3f039fdf3b8" alt="" width="368"></picture><figcaption><p>The right-side image details panel.</p></figcaption></figure>

***

## Rendering and Masking Options

Each generative function—**Generate**, **Remix**, **Magic** **Fill**, and **Extend**—offers different options. These options are either **Rendering options** or **Masking** **options**, depending on the selected tool and the progression of its usage.

### Rendering Options

When using a generative function, rendering options appear below the prompt box at the top of the canvas. If they are not visible, click the **Options** icon on the right side of the prompt box to reveal them.

<figure><picture><source srcset="https://1799634369-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzjhNby3LLsIikYuvxAJP%2Fuploads%2FXyYNuUPCMJ6Tb5iJW2Xu%2FIdeogram%20-%20Light%20Dark%402x.png?alt=media&#x26;token=57e3e415-8b0f-4395-b034-9f8607dd7a3c" media="(prefers-color-scheme: dark)"><img src="https://1799634369-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzjhNby3LLsIikYuvxAJP%2Fuploads%2FJCLO9fwbeNC6zrreOkx2%2FIdeogram%20-%20Light%20Dark%402x.png?alt=media&#x26;token=4655f798-7707-4d69-9e5f-6747da6adb0c" alt=""></picture><figcaption><p>The Options icon, usually located at the right of the Prompt Box.</p></figcaption></figure>

<figure><picture><source srcset="https://1799634369-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzjhNby3LLsIikYuvxAJP%2Fuploads%2FOVmWnGBAjLX11QQHyzCO%2FIdeogram%20-%20Light%20Dark%402x.png?alt=media&#x26;token=38070fcb-b04c-4150-ad41-f7ac8f55d0cd" media="(prefers-color-scheme: dark)"><img src="https://1799634369-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzjhNby3LLsIikYuvxAJP%2Fuploads%2FlAJO1EGjp2YqXGKdReD1%2FIdeogram%20-%20Light%20Dark%402x.png?alt=media&#x26;token=1875c121-9c08-4f5d-ac34-2f1ccbf2a30e" alt="" width="563"></picture><figcaption><p>Rendering options available.</p></figcaption></figure>

The options are:

1. **Private Generation**: Choose whether to generate images privately or publicly.
2. **Aspect Ratio**: Define the format and dimensions of the image.
3. **Style**: Select the artistic style for the image.
4. **Magic Prompt**: Enhance and optimize your prompt with AI.
5. **Color**: Choose a color palette for your image.

{% hint style="warning" %}
Some rendering options (**Model**, **Rendering**, **Seed number**, and **Negative prompt**) are not yet available when generating an image in Canvas.

Ideogram’s version 2.0 model is used for all image generations, except when using the **Upscale** tool, which utilizes a specialized variant of version 1.0.
{% endhint %}

### Masking Options

When using **Magic Fill** and **Extend**, masking options become available at specific steps in the process.

<figure><picture><source srcset="https://1799634369-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzjhNby3LLsIikYuvxAJP%2Fuploads%2Fe5WkeqQyFoa5IZv5BFZn%2F%2B%2B%2B%2B%2B%2B%2B%2B%2B%2B%20%E2%80%93%20Ideogram%20-%20Light%20Dark%402x.png?alt=media&#x26;token=071c1a08-db0b-470a-9c7e-0f511876d770" media="(prefers-color-scheme: dark)"><img src="https://1799634369-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzjhNby3LLsIikYuvxAJP%2Fuploads%2FQCc6dxATwPAdnkNy6Pok%2F%2B%2B%2B%2B%2B%2B%2B%2B%2B%2B%20%E2%80%93%20Ideogram%20-%20Light%20Dark%402x.png?alt=media&#x26;token=71ff35e3-2415-4601-a1ef-09005b9f3974" alt="" width="480"></picture><figcaption><p>The masking option for Magic Fill and Extend.</p></figcaption></figure>

The options are:

1. **Select**: Select, move, resize, and arrange images.
2. **Rectangular mask**: Create a mask from a rectangular shape
3. **Freeform mask**: Create a mask from a freeform shape.
4. **Brush mask**: Create a mask using a brush.
   1. Click the down arrow on the right to reveal a slider for adjusting brush size.
5. **Eraser mode**: The selected tool will erase masked areas.
6. **Invert mask**: Reverses the mask; masked areas become unmasked and vice versa.
7. **Load previous mask**: Restores the last mask used.

{% hint style="warning" %}
If you’re a new user or simply new to Canvas, consider experimenting with the [**Generate**](https://docs.ideogram.ai/using-ideogram/getting-started/generating-images) and [**Remix**](https://docs.ideogram.ai/using-ideogram/features-and-tools/remix) functions outside of Canvas to familiarize yourself with their features. Additionally, explore key features such as [**Private Generations**](https://docs.ideogram.ai/using-ideogram/generation-settings/private-generations), [**Aspect Ratios**](https://docs.ideogram.ai/using-ideogram/generation-settings/aspect-ratio-and-dimensions), [**Style**](https://docs.ideogram.ai/using-ideogram/features-and-tools/reference-features/style-reference/styles-in-older-models), [**Magic Prompt**](https://docs.ideogram.ai/using-ideogram/generation-settings/magic-prompt) and [**Color Palettes**](https://docs.ideogram.ai/using-ideogram/generation-settings/color-palette), as they play an integral role in the generative tools within Canvas.
{% endhint %}

***

## Working with Canvas

### Renaming the Canvas

By default, each new canvas is named “Untitled canvas.” or a name based on the beginning of the prompt from the image opened in **Canvas**. To rename it, click the canvas name at the top-left corner, next to the **Menu** icon <picture><source srcset="https://1799634369-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzjhNby3LLsIikYuvxAJP%2Fuploads%2FpEtJqrsaDujCKZvnYSIB%2FCleanShot%202024-07-18%20at%2010.15.13%402x.png?alt=media&#x26;token=ce87b280-7cf9-483c-ae11-c0364ab2bb4f" media="(prefers-color-scheme: dark)"><img src="https://1799634369-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzjhNby3LLsIikYuvxAJP%2Fuploads%2FXsvdb3ilYp1AdXju7KMA%2FCleanShot%202024-07-18%20at%2010.13.00%402x.png?alt=media&#x26;token=0eafa398-16ad-4af6-87ef-63a5fbc61c39" alt="" data-size="line"></picture>, and enter your desired name.

<figure><picture><source srcset="https://1799634369-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzjhNby3LLsIikYuvxAJP%2Fuploads%2FMIO16UsK0ENWMB4ICObt%2FIdeogram%20-%20Light%20Dark%402x.png?alt=media&#x26;token=6e9f382d-12c3-4c08-b3a3-65b68feb9477" media="(prefers-color-scheme: dark)"><img src="https://1799634369-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzjhNby3LLsIikYuvxAJP%2Fuploads%2FNbHwJ9WV0frDrUUGmans%2FIdeogram%20-%20Light%20Dark%402x.png?alt=media&#x26;token=6e4aca57-d53a-444e-9a5f-1594ac6ca43f" alt="" width="240"></picture><figcaption></figcaption></figure>

### Managing Canvases

Click the **Menu** icon <picture><source srcset="https://1799634369-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzjhNby3LLsIikYuvxAJP%2Fuploads%2FpEtJqrsaDujCKZvnYSIB%2FCleanShot%202024-07-18%20at%2010.15.13%402x.png?alt=media&#x26;token=ce87b280-7cf9-483c-ae11-c0364ab2bb4f" media="(prefers-color-scheme: dark)"><img src="https://1799634369-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzjhNby3LLsIikYuvxAJP%2Fuploads%2FXsvdb3ilYp1AdXju7KMA%2FCleanShot%202024-07-18%20at%2010.13.00%402x.png?alt=media&#x26;token=0eafa398-16ad-4af6-87ef-63a5fbc61c39" alt="" data-size="line"></picture>, to display a list of your recent canvases. Click the icon again to hide the list. From this list, click any canvas name to open it.

<figure><picture><source srcset="https://1799634369-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzjhNby3LLsIikYuvxAJP%2Fuploads%2FjxRu9zQZl2OPFCHhG7YM%2FIdeogram%20-%20Light%20Dark%402x.png?alt=media&#x26;token=52dc7ac0-be18-45e5-b94a-d830b2da2af7" media="(prefers-color-scheme: dark)"><img src="https://1799634369-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzjhNby3LLsIikYuvxAJP%2Fuploads%2Fbvfe2kmDIYbswsqMsMGM%2FIdeogram%20-%20Light%20Dark%402x.png?alt=media&#x26;token=1253d69b-af28-454a-a81d-bce4de4924dc" alt="" width="241"></picture><figcaption></figcaption></figure>

### Uploading External Images

To import an image from your computer, use one of the following methods:

* **Copy and paste**
  * Copy the image to your clipboard (**right-click** and **select Copy**, or press **Ctrl/Cmd+C**).
  * Paste it onto the canvas using **Ctrl/Cmd+V**.
* **Drag and drop**
  * Drag and drop an image from your computer on the **Canvas** window.
* **Upload**
  * Click the **Upload** icon on the left-side panel and select an image from your computer.

***

## Understanding the Generation Window and Image Frames

### Generation Windows

**Generation windows** are bounding boxes used by the **Magic Fill**, **Extend**, **Remix** and **Download** functions to define the size, aspect ratio, and placement of the image to be generated or downloaded.

**Resizing generation windows**:

* **By corners**: Preserves the actual aspect ratio.
* **By sides**: Snaps to the nearest supported [aspect ratio](https://docs.ideogram.ai/using-ideogram/generation-settings/aspect-ratio-and-dimensions#defaults-aspect-ratios-and-sizes).&#x20;

<figure><img src="https://1799634369-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzjhNby3LLsIikYuvxAJP%2Fuploads%2FmLFfqlfbRGG6cyPVwzyU%2FIdeogram%20-%20Light%20Dark%402x.png?alt=media&#x26;token=9d096858-3c39-407b-92fd-9d9e3e44526a" alt="" width="152"><figcaption><p>A generation window</p></figcaption></figure>

### Image Frames

**Image frames** are the containers that hold already generated images. Each generative function produces four images per prompt.&#x20;

* **Generate** and **Remix**: All four images are placed separately on the canvas, each in its own image frame.
* **Magic Fill** and **Extend**: These tools place one selected image on the canvas, maintaining the size and position of the generation window used.

### Switching Between Generated Images

1\. Make sure the Select tool is active in the left-side panel.

2\. Click on the desired image frame to display a the image panel below it.

3\. Use the arrows in the menu to scroll through the four generated images.

<figure><img src="https://1799634369-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzjhNby3LLsIikYuvxAJP%2Fuploads%2Fk3iqgLRYZHEtFR5tKAsH%2FCanvas%20-%20Image%20Select.webp?alt=media&#x26;token=9cefa9f6-7e0d-4c41-bc4c-eb6db93213b3" alt="" width="262"><figcaption></figcaption></figure>

Image frames can be freely resized and repositioned on the canvas.

***

## How to Download Images

To download your final composite image, use the **Download** function, which works like an adjustable screen capture.

* Click on the **Download** button on the left-side panel.
* Alternatively, if you have activated the **Always show download outline** option, click the download icon at the top left of the inactive download generation window on your canvas.

<figure><img src="https://1799634369-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzjhNby3LLsIikYuvxAJP%2Fuploads%2FaQspCjj7dL5zwlxOGce4%2FIdeogram%20-%20Light%20Dark%402x.png?alt=media&#x26;token=d474395d-dacd-48c1-aba0-a871f0b9ea9e" alt="" width="237"><figcaption></figcaption></figure>

* Resize and position the download generation window to capture the final image you wish to download.

<figure><img src="https://1799634369-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzjhNby3LLsIikYuvxAJP%2Fuploads%2FTEkhRn0rl83YsfIkTFIk%2FIdeogram%20-%20Light%20Dark%402x.png?alt=media&#x26;token=f13bd11e-2c82-434a-af8a-63e4e85c3830" alt="" width="563"><figcaption><p>The download context frame placed and resized.</p></figcaption></figure>

* On the left side, near the Download icon, a small panel will appear with the final dimensions of the image. You can adjust the size by manually editing the width and height, then click the arrow next to the Download button to choose the image format (for highest quality PNG downloads, you'll need [Ideogram Basic or above](https://docs.ideogram.ai/plans-and-pricing/available-plans). Finally, click Download to save the image.

<figure><picture><source srcset="https://1799634369-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzjhNby3LLsIikYuvxAJP%2Fuploads%2F1SIpQVTjrgAfuFl2o7Lx%2FA%20Thinking%20Man%20%E2%80%93%20Ideogram%20-%20Light%20Dark%402x.png?alt=media&#x26;token=e4c0a947-53a0-4b1b-be8d-613db393c453" media="(prefers-color-scheme: dark)"><img src="https://1799634369-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzjhNby3LLsIikYuvxAJP%2Fuploads%2FWdfRiw3yuQtTbOkb6UaT%2FA%20Thinking%20Man%20%E2%80%93%20Ideogram%20-%20Light%20Dark%402x.png?alt=media&#x26;token=727ed6e1-62dd-4a21-83c7-ed4759e3e816" alt="" width="375"></picture><figcaption><p>Options available when downloading an image.</p></figcaption></figure>

* Click Download to save the image.

Here's the final image.

<figure><img src="https://1799634369-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzjhNby3LLsIikYuvxAJP%2Fuploads%2FyhJjTH8iGUeprXsIzNwe%2FMadame%20Cafe%CC%81.png?alt=media&#x26;token=7afe8958-0683-4eb8-9500-081089cb5e76" alt="" width="563"><figcaption></figcaption></figure>

***

## Canvas and Image Sizes

Consider the following aspects regarding image sizes on the canvas:

* **Canvas grid**: The canvas has an underlying pixel grid, visible when zoomed in at 2000% or more.
* **Image placement**: When uploading or generating images, they will at first align with the canvas grid, with one pixel on the image equaling one pixel on the grid.
* **Generation window sizes**: When you use the Remix, Magic Fill, or Extend tool, the generation window will adopt one of the default predefined aspect ratios, each with a fixed pixel size. **The generated image will have this specific size, regardless of how you resize the context frame on the canvas.**
* **Image scaling**: Images retain their original width and height in pixels, even if resized on the canvas.
* **Download dimensions**: The Download tool uses the canvas grid to define the size of the image to be downloaded.

{% hint style="info" %}
The most common aspect ratios and their corresponding sizes can be found in the[Aspect Ratios & Resolutions](https://docs.ideogram.ai/using-ideogram/generation-settings/aspect-ratio-and-dimensions#defaults-aspect-ratios-and-sizes) section of the documentation.
{% endhint %}

### Example

Let's start with an image generated in Ideogram at a 1:1 aspect ratio (1024 x 1024 pixels):

<figure><img src="https://1799634369-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzjhNby3LLsIikYuvxAJP%2Fuploads%2FhxvRxcRYWr2Miq07SIRu%2FMadame%20Original.png?alt=media&#x26;token=5f558654-2bb9-40b6-94db-846cfebd5747" alt="" width="375"><figcaption><p>The original image to be modified.</p></figcaption></figure>

Sometimes, faces and hands can be distorted when they are small in size, as seen in the generated image above. In such cases, you can use **Magic Fill** to correct these imperfections.

Here's how to do it:

* Mask the head and hands using **Magic Fill**.
* Resize the generation window to be smaller than the original image but large enough to include a significant portion of the image. This ensures the AI has enough context to analyze the image and accurately interpret the prompt.

{% hint style="info" %}
**Why make the generation window smaller?** Using a smaller generation window gives the AI more pixels relative to the original image, resulting in a higher pixel density for the selected area. This leads to more detailed faces and hands.

However, keep in mind that some of these details or the apparent sharpness may be lost during processing. This happens because everything is interpolated or extrapolated to fit the pixel grid on the canvas when downloading the resulting composite image. More details in this [section below](#a-note-on-final-image-quality).
{% endhint %}

<figure><img src="https://1799634369-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzjhNby3LLsIikYuvxAJP%2Fuploads%2FaTjJxrVZnjIqBS6Xtm42%2FIdeogram%20%E2%80%93%20phil_ozoff%20-%20Light%20Dark%402x.png?alt=media&#x26;token=603bef76-7a3a-4b55-abd5-b5c4702eb9de" alt="" width="375"><figcaption><p>Masked areas and the small generation window.</p></figcaption></figure>

* Adjust the prompt based on the content of the generation window:\
  `A photo of an elderly woman with white hair wearing a floral dress and a necklace. She is seated in a wooden chair in a dimly lit room. The background reveals lush green plants. The overall ambiance is warm and nostalgic.`
* Click **Magic Fill**.

Here is the final result after downloading the image:

<figure><img src="https://1799634369-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FzjhNby3LLsIikYuvxAJP%2Fuploads%2FHMoNQA3bisIPy16UKzWZ%2FMadame%20Final.png?alt=media&#x26;token=46103735-faa5-4671-9e25-2da19981172c" alt=""><figcaption><p>The resulting image from the Magic Fill.</p></figcaption></figure>

More examples can be found in the [Magic Fill](https://docs.ideogram.ai/canvas-and-editing/canvas/magic-fill) page.

***

## A Note on Final Image Quality

When downloading your composite image, it’s important to understand how scaling and pixel density affect the final output because the final image is based on the canvas’s pixel grid. This means that any images you’ve scaled up or down will not retain their original resolutions in the downloaded image. Enlarged images won’t have extra detail, and reduced images won’t keep their apparent increased sharpness.

### Simple Examples to Illustrate This

#### Example 1: Enlarging a small image or generating in a bigger generation window than the canvas grid

Suppose you place a small photo (say, 200 x 200 pixels) on the canvas and enlarge it to double its size (400 x 400 pixels):

* **On the canvas**: It looks bigger, filling more space.
* **When downloaded**: That part of the image may appear blurry or pixelated because enlarging doesn’t add new details; it just makes the existing ones bigger and less clear. The small photo doesn’t have enough detail to look good at a larger size. Essentially, it **will not** act like the [Upscale](https://docs.ideogram.ai/using-ideogram/features-and-tools/upscale) function does.

#### Example 2: Shrinking a large image or generating in a smaller generation window than the canvas grid

Now, you place a large photo (800 x 800 pixels) and shrink it down to half its size (400 x 400 pixels):

* **On the canvas**: It looks smaller but very clear and possibly sharper than the ones around that were not resized.
* **When downloaded**: This area will loose its sharpness and some details because the grid will have to transform an image from 800 x 800 pixels to 400 x 400 pixels, loosing details in the process.&#x20;

**In simple terms**: The final image you download captures everything within the download area roughly as it appears when the canvas is viewed at 100% zoom, but the overall resolution is determined by the canvas grid.

**For best results**

* **Avoid excessive resizing**: Don’t enlarge small images too much or shrink large images significantly.
* **Use appropriate generation window sizes**: When generating images, try to use generation windows that are not overly big or small relative to the canvas' pixel grid. Try to reach a good balance when, for example, you are fixing defect part of an image by using a smaller generation window than the original image.