---
title: How to add images to your email signature
description: How to add images to your email signature
---
[Skip to content](https://help.newhavenmortgage.com/newhaven-knowledge-base/how-to-add-images-to-your-email-signature#main-content)
English - Canada
Show submenu for translations
%20MA%20.png?width=2550&height=208&name=NHMC%20Header%202023%20(2550%20%C3%97%20208%20px)%20MA%20.png)
Open main navigation
Close main navigation
- English - Canada
Show submenu for translations
How can we help you?
- There are no suggestions because the search field is empty.
1. [New Haven Knowledge Base](https://help.newhavenmortgage.com/newhaven-knowledge-base?hsLang=en-ca)
2. [Getting started](https://help.newhavenmortgage.com/newhaven-knowledge-base/getting-started?hsLang=en-ca)
April 21, 2025
# How to add images to your email signature
## Enhance your professional email communication with a personalized signature that includes your company logo, headshot, or social media icons.
HubSpot offers **two main ways** to include images in your signature:
1. Using the **Simple (Visual) Editor** – No coding required.
2. Using the **HTML Editor** – Ideal for users who want more control.
In this guide, you’ll learn **step-by-step** how to insert images into your signature using both methods, along with image best practices.
### 1. Using the Simple (Visual) Editor
### Steps:
1. In your Hubspot Account, Navigate to settings -\> General and select Email tab.
2. Click on 'Manage Email Signatures' option.
3. This opens a visual editor where you can add your email signature name and signature. Click on the Image icon from the bottom toolbar to Insert an image in the signature.
4. This will open a Select image tab on your screen. You can insert an image using any of the following options:
- Select an image from the already uploaded images in your HubSpot account files.
- Use the Upload button to upload a new image.
- Add image from URL
5. After inserting the image, you can click on it to
- - Resize it.
- Add a hyperlink (e.g., link to your website).
6. Once everything is configured, click on the Save button to save your email signature.
---
### 2: Using HTML Code for More Control
### Steps:
1. In your HubSpot Account, Navigate to settings -\> General and select Email tab.
2. Click on 'Manage Email Signatures' option.
1. Click on the **“HTML”** tab to directly edit the code of your signature.
2. **Insert the `![]()
` Tag**
Use the following code snippet:
```
```
Tag Breakdown:
- `src` attribute:
This specifies the URL of the image file. You'll need to host the image online (e.g., on a server, Imgur Flickr, etc.) and use that URL.
- `alt`: Descriptive text shown if the image can’t be displayed.
- `width` / `height`: Controls the size of the image in the signature.
3. Click **Save** to apply changes.
---
#### Best Practices for Email Signature Images
- **Optimize File Size**: Keep the image under 200 KB to avoid slow loading.
- **Use Standard Formats**: Stick to `.png`, `.jpg`, or `.gif` for wide compatibility.
- **Use Alt Text**: Always include descriptive alt text for accessibility and fallback.
- **Test Before Sending**: Send a test email to yourself to see how it looks across Gmail, Outlook, Apple Mail, and mobile devices.
- [Getting started](https://help.newhavenmortgage.com/newhaven-knowledge-base/getting-started?hsLang=en-ca#main-content)
- [Activity](https://help.newhavenmortgage.com/newhaven-knowledge-base/getting-started?hsLang=en-ca#activity)
- [Cleanup](https://help.newhavenmortgage.com/newhaven-knowledge-base/getting-started?hsLang=en-ca#cleanup)
- [General](https://help.newhavenmortgage.com/newhaven-knowledge-base/general?hsLang=en-ca#main-content)
- [Setup](https://help.newhavenmortgage.com/newhaven-knowledge-base/general?hsLang=en-ca#setup)
- [Processes](https://help.newhavenmortgage.com/newhaven-knowledge-base/general?hsLang=en-ca#processes)
- [Integrations](https://help.newhavenmortgage.com/newhaven-knowledge-base/integrations?hsLang=en-ca)
- [Deals](https://help.newhavenmortgage.com/newhaven-knowledge-base/deals?hsLang=en-ca)
- [Processes](https://help.newhavenmortgage.com/newhaven-knowledge-base/processes?hsLang=en-ca#main-content)
- [Fulfillment](https://help.newhavenmortgage.com/newhaven-knowledge-base/processes?hsLang=en-ca#fulfillment)
- [Servicing](https://help.newhavenmortgage.com/newhaven-knowledge-base/processes?hsLang=en-ca#servicing)
- [Underwriting](https://help.newhavenmortgage.com/newhaven-knowledge-base/processes?hsLang=en-ca#underwriting)
- [Data Management](https://help.newhavenmortgage.com/newhaven-knowledge-base/data-management?hsLang=en-ca)
[%20MA%20.png?width=2550&height=208&name=NHMC%20Header%202023%20(2550%20%C3%97%20208%20px)%20MA%20.png)](http://newhavenmortgage.com)
[mailto:email@email.com](mailto:email@email.com)
Copyright © 2026, abc