Design Studio can use any publicly accessible image. It's recommended to use JPG, PNG, or GIF for email images, as some email clients don't display more modern formats such as WebP or SVG.
Follow the steps below to include a dynamic image in an email layout.
Add a dynamic image by URL
- Copy the URL of the image as HTTPS.
- In Design Studio, select the image element in your layout.
- Go to Settings for the image element.
- Either paste the URL using Cmd+V or Ctrl+V, or select the Dynamic tab and enter the URL.
- The image should now be visible in your layout.
The image shown is loaded from the public server and will update if the remote image changes. It is not downloaded and stored in Design Studio.
Add a dynamic image from a data source
When using a data source, the image URL you need may be stored as part of the data.
- In Design Studio, select the image element in your layout.
- Under the Settings tab, select Dynamic.
- Use the data icon to select the parameter for the image.
- Select Preview with data on the top bar to see the image in the canvas.
Add an image from content providers (advanced)
Many content providers use dynamic image URLs to present content. In this case, the same URL can present different images by changing the query parameters, as shown below:
https://custom-image-source.com/en-uk/image.png?email=john@doe.com&time=1762976782
The parameters in this URL can be given different values using personalization in Design Studio, causing different images to be displayed in the email. For example:
Learn more about using specific external content providers here.