Edit Images in the Email Builder

The Email Builder includes a built-in image editor that lets you modify images without leaving the tool. You can crop, resize, rotate, apply filters, add text, insert shapes, and create rounded corners—all directly within your email draft.

Access the Image Editor

1. Click any image in your email draft
2. Click Apply effects in the properties menu on the right

The image editor opens with all editing tools available in the left sidebar.

Image Editor Features

Filter

Apply colored filters to enhance your images. You can combine multiple filters to create unique visual effects.

Resize

Set specific pixel dimensions for your image. Enter your desired width and height values to manually resize the image.

Crop

Crop images to different aspect ratios or specific dimensions. This helps you fit images perfectly within your email layout and remove unwanted portions.

Transform

Rotate or flip your image orientation. Options include 90°, 180°, 270° rotation, or mirror (horizontal flip).

Draw

Add freehand drawings directly on your image. Choose from different colors and line thickness options to highlight areas or add annotations.

Text

Overlay text on your images using ContactMonkey's available fonts. This is perfect for creating custom graphics, adding captions, or highlighting key information.

Shapes

Add shapes like arrows, circles, rectangles, and ovals to highlight important areas or create visual callouts.

Stickers

Choose from a library of stickers to add visual interest to your images.

Frame

Add decorative picture frames around your images for a polished, finished look. Click the gear icon to adjust the frame size.

Corners

Create rounded corners on your images. This feature works differently depending on your file format.

Understanding Rounded Corners and Transparency

JPG files do not support transparency. When you round corners on a JPG, the image editor deletes the pixel data in those corners. Since JPG requires every pixel to have a color value, the empty corner spaces are filled with a default color—usually black or white.

Option 1: Convert to PNG (Recommended)

PNG files support transparency through an "Alpha Channel," which allows pixels to be 100% transparent. This is the standard solution for rounded corners and logos.

1. Open your JPG in an editing tool (Photoshop, GIMP, Canva, or similar)
2. Apply your rounded corners
3. Export or Save As PNG
4. Ensure "Transparency" is enabled in the export settings
5. Upload the PNG to ContactMonkey

Option 2: Match the Background Color

If you must use JPG format (for smaller file sizes), make the corners "disappear" by matching them to your email background.

1. Check your email background color in the Email Builder settings
2. In your image editor, set the corner fill color to match this background
3. The corners will blend seamlessly with your email, creating the appearance of rounded corners

Result: The image remains a rectangle, but the matched corners make it look rounded to viewers.

Apply Advanced Effects

Text, Shapes, and Stickers support additional styling effects beyond their basic appearance.

To add advanced effects:

1. Click the rounded + button after adding your text, shape, or sticker 
2. Click the gear icon
3. Choose from available effects: 
   •  Shadow 
   • Color 
   • Outline 
   • Background
   • Texture 
   • Gradient 
   • Opacity 
   • Text Style

You can combine multiple effects to create custom designs that match your brand or email theme.

File Format Best Practices

Use PNG for:

• Logos and graphics with transparency
• Images with rounded corners
• Graphics requiring crisp edges

Use JPG for:

• Photographs
• Images with many colors
• When file size needs to be minimized

The image editor preserves your original file while creating an edited version for your email. Your source file remains unchanged.