Embedded vs hosted images in email signatures

Many people face difficulties when it comes to adding images to email signatures. Even after mastering basic tasks, more complex challenges like choosing between embedded and hosted images in email signatures can be confusing.

There’s often a lack of understanding about embedded and hosted images. But it’s not as complex as it sounds. To put it simply, embedded images are those stored within an email. Hosted images are downloaded and stored on a web server. This reduces the size of the email, making it more mobile-friendly. 

Hosting or embedding images in email signatures - What’s best?  

To include HTML images in email signatures like a company logo or social media icons, you’ve got two image options. You can either embed an image directly into the email signature template or host it externally and link to it. 

Most email clients can display images in email signatures without significant issues. However, when creating a signature template, there are benefits to choosing one method over the other. That’s the argument people have when it comes to embedded vs hosted images in email signatures, and we’re here to help you find what suits you best. 

Which email clients can display embedded images? 

Which email clients can display hosted images?

* To add a linked image, you need to open the image in a browser and copy it into the Microsoft 365 (Office 365) OWA signature editor. 

** You can add a hosted image by adding the HTML source via the signature editor. 

How to embed images in email signatures 

If you want an image to appear without the recipient having to click a ‘Download Images’ button, we recommend embedding it within the email signature.

Here's how to do it:

Step 1: Add the image to your email signature

Most email clients allow you to add an image to your signature. Insert the image as you normally would, making sure it’s properly sized.

Step 2: Set up the Content-ID reference

When embedding, the image is attached to the email and referenced with a Content-ID. This is done by adding HTML code in the signature's source.

A standard Content-ID will look like this: 

<img src="cid:myimagecid" /> 

Step 3: Save and test

Once you’ve added the Content-ID reference, save your signature and send a test email to yourself. If set up correctly, the image should display automatically without needing to download it. This is because they’re referenced in the source of the message. 

Important considerations

• Embedded images may increase email size, which can cause them to appear as attachments in some clients.

• There are also known issues with images being stripped out of emails and increasing in size on iOS devices. 

How to host images in email signatures 

To prevent images in your email signature from appearing as attachments, you can host them on a web server or a free image hosting site like Imgur or Flickr. This method references the image using a web URL, so the image remains separate from the email itself.

Here’s how to do it:

Step 1: Upload your image

Upload your image to a web server or an image hosting platform. Once uploaded, the platform will provide you with a direct URL to the image file.

Step 2: Link the image in your email signature

Use HTML to reference the hosted image URL in your email signature. A typical example might look like this:

<img src="https://cdn.exclaimer.com/Static2/exclaimer-logo_178x36.png" /> 

This code links the image to your email signature without attaching it, keeping your email file size smaller.

Step 3: Add alt text (optional but recommended)

Adding alt text (alternative text) ensures that recipients can understand the purpose of the image even if it doesn’t load. You can add alt text by including an alt attribute, like this:

<img src="https://cdn.exclaimer.com/Static2/exclaimer-logo_178x36.png" alt="Exclaimer logo"/>

Important considerations

• Download prompt: Hosted images may prompt recipients to click ‘Download Images’ to view them, a security feature designed to protect against potential risks.

By hosting images this way, you ensure that they aren’t embedded in the email, keeping the email lighter and often improving compatibility across devices and email clients.

Which option should I choose to show images in email signatures? 

You need to consider how your customers/clients view the emails you send them. If many use email clients like Outlook365, embedding images in email signatures is recommended. However, you should use hosted imagery if you know that many recipients will be viewing your emails on mobile devices. 

Of course, if you don’t want to ever have to worry about which option you should choose, use an email signature generator.