Working with Images

This section explains how to use the Image block in the eSputnik email editor to make your messages more attractive, informative, and emotionally engaging.

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).

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

Upload from a Computer

Open the Prepared tab.
Click the upload icon (labeled Add image or similar, depending on your interface version) 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.

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.

Image Library

The image library includes images from the following tabs:

• Photostock
• 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

After you upload or select an image, click it in the editor to open the settings panel on the right. Use these settings to 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.

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.

4. Copy or remove the direct image file link.