# Adjust the size and background of an image

{% stepper %}
{% step %}

### Access Canvas Settings

In the Image Editor, locate and click the Settings gear icon on the right-hand side. This will open the Canvas Settings panel.
{% endstep %}

{% step %}

### Adjust Canvas Size

<figure><img src="https://content.gitbook.com/content/u8whzIfip72Kvn3M1bsc/blobs/BdrPeKuWI6pefGQfHF3k/14326124170258" alt=""><figcaption></figcaption></figure>

Define the canvas size using either Preset Sizes or Manual Pixel Input.

#### **Using a preset size**

1. Click the Size drop-down menu.
2. Select a preset size from the list. These are typically based on recommended or required dimensions for various export channels (e.g., Google Ads, Instagram Ads).

#### **Manually enter a size**

1. If the preset sizes don't meet your needs, manually enter the desired pixel amount for the Height or Width in the corresponding input fields.
   {% endstep %}

{% step %}

### Configure the background

<figure><img src="https://content.gitbook.com/content/u8whzIfip72Kvn3M1bsc/blobs/VUGvzK0PDZPuQI2D8N4w/14232253096594" alt=""><figcaption></figcaption></figure>

The background color is a solid color defined by RGB values and Opacity.

#### **1. Select a color**

Choose one of the following methods to select the background color:

| Method            | Instruction                                                                        |
| ----------------- | ---------------------------------------------------------------------------------- |
| Color Picker      | Click the Color Picker tool and select the desired color visually.                 |
| Hexadecimal Input | Directly input the Hexadecimal value corresponding to the desired RGB color model. |

#### **2. Set the opacity**

Adjust the opacity using the percentage slider or input field.

* 100% means the background is fully opaque (solid).
* 0% means the background is fully transparent.
  {% endstep %}
  {% endstepper %}


---

# 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://helpcenter.channable.com/manage-improve-product-data/creatives-create-and-edit-images/create-an-image-template/adjust-the-size-and-background-of-an-image.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.