Working with Images

Images increase the effectiveness of marketing emails. They make messages more attractive, informative, and emotionally engaging.
This section explains how to use the Image block in the Reteno email editor.

Uploading an Image

1. Click the block inside the container to open the Image Gallery.

The gallery contains the following tabs:

• Prepared — upload images from your computer, clipboard, or a URL.
• Common — images already saved in the account library.
• AI images — generate images from a text prompt directly in the editor.
• Photostock — choose images from stock photo libraries.
• Icons — select icons from the icon set.
• GIFs — animated images (GIF).

Images are added one at a time: you can't upload an archive of files, and the system doesn't produce a list of links to the uploaded files.

2. Select the method you want to use to add an image.

Upload from a Computer

Open the Prepared tab.
Click the Add image icon and select a file from your computer.
The system supports the following formats:

• PNG
• JPG
• GIF

The file size must not exceed 3 MB or 4000 pixels in width.

WebP isn't among them: an image in this format isn't added, whether you upload it or paste a link to it. Convert it to PNG or JPG first. Do the same for WebP images that come from a product feed: in Gmail, transparent areas of a WebP render as a black fill, whatever the background behind the image.

Add an Image by URL

1. Click Paste URL.

2. Enter the image URL in the field.

👍

Tip

When you add an image via URL, the email relies on the external source to serve the file. If someone removes or modifies the file at that URL, the image will not appear in the email. To prevent this, save the image to the gallery.

🚧

Important

Don't embed an image as a base64 string in the src attribute — this also applies to generated images such as QR codes. Base64-embedded images don't render in Gmail or Yahoo. Host the image externally (or in the gallery) and reference it by URL instead.

Image Library

The image library includes images from the following tabs:

• Stock
• Icons
• GIFs

Open the required tab and select an image.

AI Images

Use this tool to generate unique illustrations from a text prompt without uploading files.

1. Enter a detailed description of the image you want to generate.
2. Select an AI model (for example, DALL·E)
3. Choose an image style if needed
4. Select the aspect ratio (for example, 1:1)
5. Click Generate.

6. Select the result that fits your needs and insert it into the email. If necessary, generate new images.

Image Settings

Image settings control the appearance, behavior, and additional properties of the image in the email.

1. Link — opens a website, email address, file, phone number, or another resource.
2. Alt text — displays if the image fails to load.
3. Size — set the width and height in pixels.
4. Desktop alignment — align the image left, center, or right.
5. Fixed height.

👍

Tip

To open a specific app screen when a recipient clicks the image, for example, a screenshot of a new feature, enter a Universal Link (iOS) or an Android App Link in the Link field. Learn more about deep link types >

6. Radius — round the image corners.
7. Rollover effect — display a second image when the user hovers over the image.
8. Hide element — hide the image in the desktop or mobile version of the email.
9. Margins (desktop) — set the distance between the image and other elements.
10. Include in — control visibility in HTML and AMP versions.
11. Anchor link — move the reader to a specific section of the same email.
12. Event type — used for automation. For example, you can specify an event triggered when the image is clicked.

Image Actions

The top of the settings panel contains actions that allow you to manage the image.

1. Replace — open the gallery and select another image or upload a new one.

2. Edit — open the built-in image editor.

The editor tools include the following groups:

• Appearance adjustments: apply filters (black and white, sepia, contrast, etc.), resize the image, crop the image, transform the image (rotate, flip).

• Add elements: drawing tools, text, shapes, stickers, frames.

• Styling: round the corners, change or add a background, combine multiple images.

After editing, click Apply → Save.

3. Delete — remove the image from the block completely.

📘

Note

Adding text through the built-in image editor merges the text permanently into the picture. If you'd rather keep the text editable, combine an image with text another way instead: use a Banner block, which lets you overlay editable text on an uploaded image, or set the image as a structure's background (Stripe/Structure Styles → Background image) and place a regular Text block on top of it.

4. Copy or remove the direct image file link.