How to insert an image into an HTML email

Images are important design elements in email marketing that reinforce the content of your message and provide visual interest. Here’re the steps on how to insert and edit images in your HTML email.

Step 1. Upload the image.

If you want to add an image, you need to provide a link to it. Therefore, it has to be accessible on the Internet. Upload your image from your computer to the website, e.g., ImgBB.

Please note: you will not be able to add an image uploaded to Google Drive or Dropbox due to privacy settings.

Step 2. Insert the image.

Once the image is uploaded, copy the link to it. Select the HTML full linked code:

Then paste the image address into your HTML-based email. To do this, select the Source code icon in the Email element in your Email Drip Campaign and add the code.

The source code of the image should look the following way:

image in html

Note that the size of the image in your email can be different, but you can change it in the Source code. To do this, type: width= and height= in your code and provide the numbers that will define the size of the image. The numbers should be typed in the quotation marks, after the image address ending “. For example, type width=”400″ and height=”250″

Here’s your initial code:

<a href=””><img src=”” alt=”01″ border=”0″></a>

Here’s the code with the added part:

<a href=””><img src=”” alt=”01″ border=”0″ width=”400″ height=”250″ />

To make the image responsive on various devices, add the following part to the HTML code: width=”100%”

image in html

Step 3. Test HTML email before sending it.

Always check your HTML emails before sending them. Verify if the image works correctly in your test HTML message before the email drip campaign reaches your recipients.

Have a look at how to insert an animated GIF into your email.

Happy sending! 

Was this helpful?

Thanks for your feedback!

Sorry about that 😢

How can we improve it?