When you export an email from the Email Love Figma Plugin, your images are automatically uploaded to our global CDN (Content Delivery Network) and linked in the exported HTML. This means you don't need to manually upload images to your ESP or manage a separate image library—the plugin handles it as part of the export workflow.

This guide covers how the hosting works, image format and size recommendations, and what to do when things go wrong.

How It Works

  1. Design your email in Figma with images placed in mj-image frames
  2. Click Export in the Email Love plugin
  3. Choose your export method (ESP integration, HTML download, or code copy)
  4. Make sure "Upload images to Email Love servers" is enabled (this is on by default)
  5. The plugin uploads all images to the Email Love CDN and inserts the hosted URLs into your exported code

After export, your HTML will reference images like this:

<img src="[<https://emaillove-assets-cdn.com/[unique-id]/image.png>](<https://emaillove-assets-cdn.com/[unique-id]/image.png>)" />

If you see emaillove-assets-cdn.com in the URL, the image is hosted on our CDN.

Image Format Recommendations

The format you use for each image affects file size, quality, and email client compatibility:

Format Best For Notes
JPG Photos, hero images, product shots Smallest file size for photographic images. Use quality 70–80% for a good balance
PNG Logos, icons, graphics with transparency Supports transparency. Larger file size than JPG for photos
GIF Simple animations, animated banners Supported everywhere, but Outlook shows only the first frame. See the Animated GIFs guide

Avoid WebP and SVG. While modern web browsers support both formats, most email clients do not render them reliably. Stick with JPG, PNG, and GIF for email.

Image Size Best Practices

Image file size directly affects email load time and deliverability. Large images slow down rendering (especially on mobile) and can trigger spam filters if the total email size gets too large.

Recommended limits: