Edit an image

The Email builder includes a basic inline image editor for quick adjustments after you've placed an image. For more extensive editing, you'll need to use an external tool before uploading your image.

Inline editor in the Email builder

1. Click the image on the canvas.
2. Click the pencil icon in the top-right corner of the image.
3. Use the available tools to make your adjustments.
4. Click Apply to save your changes.

The inline editor includes: Crop (16:9   , 4:3   , 1:1   (square), 3:4   , and 9:16  ), Rotate (in 90° increments) and Mirror.

External tools for more extensive editing

If you need adjustments beyond what the inline editor offers, edit your image before uploading it to Flexmail. Commonly used tools include:

• Adobe Photoshop or Illustrator, professional tools for full editing control.
• Canva (canva.com), a browser-based design tool well-suited for marketing images.
• Squoosh (squoosh.app), particularly useful for compressing images below the 2MB limit.
• Microsoft Photos or Paint on Windows, or Preview or Photos on macOS, built-in tools for basic resizing and cropping.

Pro tips

• For email images, optimise for web before uploading: use JPEG for photographs at 80–85% quality or PNG for images with transparency or sharp edges.
• Resize images to 1.5 - 2× your email content width before uploading. This ensures the image will remain crisp on high resolution mobile displays while keeping the file size in check.

Common mistakes to avoid

• Over-editing in the inline editor, the inline editor is for minor adjustments. For significant changes to composition or colours, edit the original file externally and re-upload.
• Uploading the original high-resolution file and relying on the inline editor to crop it. The file size is based on the original, a 10MB image cropped in the editor is still a 10MB upload.

Next steps

•       See "Add an image" for how to insert images in each editor.

•       See "Why your media files should stay under 2MB" for compression tools and techniques.

•       See "Alt texts" for how to add descriptive alt text after placing your image.