> For the complete documentation index, see [llms.txt](https://doc.batch.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://doc.batch.com/guides-and-best-practices/message/email/content-and-media/how-to-add-and-edit-images-in-your-email.md).
# How to add and edit images in your email?
Your complete guide to using images in the Email Composer.
Images are essential in your email marketing strategy. They represent your brand and products, and one of the first things that catch the eyes when opening an email. We will see how to manage them to create your email.
## Add images
Once you have finished the structure of your email, you can add Blocks to define the content of each part of your email.
### Create the block
Select the block, then choose **Image** or **Banner** from the left side to add it to your email:
### Link the image
Now, you will be able to attach the image to the **Block**. First, click on the **Image** block to open the settings panel on the right:
There are 2 ways to add your image:
* **Upload an image from your computer**
You can then **drag and drop** the image you want to use for your campaign or upload it from your computer by clicking the arrow and selecting the image of your choice on your files.
* **Paste a URL from an external link**
You can use an image URL link that you host on your end. Click **or** **Paste URL** and enter the URL to your image.
{% hint style="warning" %}
If you want to use this image for other campaigns, select the **Download to the gallery** option. Otherwise, choose **Leave as external Link**.
{% endhint %}
{% hint style="info" %}
**About image compression**
To keep your emails lightweight and protect deliverability, JPEG images uploaded to the Email Composer are automatically compressed (25%). This setting applies to all emails and cannot be disabled.
The following images are not compressed:
* PNG and GIF images
* Images added with an external link (**Leave as external Link**)
* Images auto-filled from a URL
If image sharpness matters (visuals with text, logos, fine details), you can use a PNG file or host the image on your side and add it as an external link.
{% endhint %}
## Edit images
Now that your images are in place, you can edit them to make them perfect for your email!
Select your image and, on the settings panel, click on **Edit image** 🪄:
In a new pop-up window, your image will be opened with the Pixie editor where you can do whatever you want!
It is possible to:
* Apply filters
* Resize and crop images
* Draw
* Place text
* Add stickers
* Add frames
* Apply backgrounds
* ...and so much more!
{% hint style="warning" %}
Once you've finished editing, do not forget to click on **Save** in the editor window to apply the changes to your image! :sparkles:
{% endhint %}
---
# 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 by asking a question.
Perform an HTTP GET request on the following URL with the `ask` and `goal` query parameters:
```
GET https://doc.batch.com/guides-and-best-practices/message/email/content-and-media/how-to-add-and-edit-images-in-your-email.md?ask=&goal=
```
`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is what the user is ultimately trying to achieve, the reason they need the answer. Sharing it helps GitBook give you a better, more relevant answer. A goal is most helpful when it describes the outcome the user wants rather than restating the question. For example, with `ask=how do I create an API token`, a goal like `automate deployments from our CI pipeline` lets GitBook tailor the answer to that use case.
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.
