Logo - Full (Color)

Adding an image to your Gmail signature is a great way to personalize your messages. According to a 2022 study, adding images to emails increased response rates by 77%. In this post, we’ll guide you through adding an image to your signature in Gmail and Outlook, as well as the best size image for an email signature. 

Table of contents

  1. How to Add an Image to a Gmail Signature
  2. How to Add an Image to a Signature in Outlook
  3. Best Size of an Image for an Email Signature

Are you trying to format an eye-catching signature? HubSpot’s Email Signature Generator can help. Just add in your information, and you can have a beautiful signature in under 5 minutes. 

How to Add an Image to a Gmail Signature: (Step-by-step with captures)

  1. Log into your Gmail account.
  2. Click on the gear icon in the top right corner of the page.
    step-1-add-image-to-gmail

  3. Select "See all settings".
    step-2-add-image-to-gmail

  4. Navigate to the "General" tab and scroll down to the "Signature" section.
    step-3-add-email-signature-image-gmail

  5. Select the signature you want to edit. If you don't have a signature, click “Create new.” HubSpot's Email Signature Generator can help you format an email signature with an image in just a few minutes if you don’t have one already.
    step-4-add-email-signature-image-gmail

  6. Place your cursor where you want the image to appear, and click the "Insert Image" button.
    step-5-add-email-signature-image-gmail

  7. Choose whether to upload an image from your computer, select one from your Google Drive, or via a URL.
    step-6-add-email-signature-image-gmail

  8. In this example, we will add an image via URL. Copy (Ctrl/Cmd + C) and paste (Ctrl/Cmd + V) the image’s URL into the text box.
    step-6.5-add-email-signature-image-gmail

  9. After you've uploaded or chosen an image, it might turn out to be too big or small for your needs. You can easily adjust its size by clicking on it and selecting the perfect fit.
    step-7-add-email-signature-image

  10. Important: Scroll down to the bottom of the page and click "Save Changes".
    step-8-add-gmail-signature-image

    Here’s an example of what your signature will look like:
    email signature with image profile picture

Gmail signature image not showing up?

If your Gmail signature image isn't showing up, there are a few steps you can take:

  1. Delete and re-add the image: the first thing to try is deleting the image and adding it again.
  2. Remove formatting: sometimes formatting issues can cause the image not to show up.
  3. Host the image online and use it in the signature: if the first two fixes didn't work, you can try hosting the image online and using it in your signature.

How to Add an Image to a Signature in Outlook: (Step-by-step with captures)

  1. Open Outlook and click on the gear icon in the top right corner of the page.
    step-1-outlook-signature-image

  2. In the search box, type "signature" and select "Email signature" from the results.
    step-2-outlook-signature-image

  3. After clicking "Email signature" you'll be navigated to the following page. Choose the signature you want to edit. If you don't have a signature, click “New Signature.”
    step-3-outlook-signature-image

  4. Click on the image icon in the signature editor to insert an image.
    step-4-outlook-signature-image

  5. Select the image from your computer you’d like to add to your signature.
    step-5-outlook-signature-image

  6. Click and hold one of the image corners to resize the image according to your liking.
    step-6-outlook-signature-image

  7. Check the boxes below the signature editor to automatically add your signature to all new messages and/or forward and reply to emails. You can always change this later.
    step-7-outlook-signature-image

  8. Click "Save" and you're done!
    step-8-outlook-signature-image

    That’s it! You’ve added an image to your Outlook email signature.

Best image size for an email signature

Ideal email signature image size (in pixels):

The ideal image size should be around 300-400 pixels in width and 70–100 pixels in height.

Ideal Gmail signature image size:

The ideal Gmail signature image size would be a little smaller: about 80 pixels in height and up to 200 pixels wide. This is because Gmail's layout and design are optimized for a more compact signature.

When your email signature image is a banner:

If you're using an email signature image as a banner, it should have a max width of 700 pixels and a max height of 100 pixels.

Copy of Email Signature - 600x50 - Sprocket Logo + CTA Button - Dark (1)

 

Best file size for an email signature image:

Lastly, we recommend that the file size of the email signature image shouldn't exceed 15-20kb. If you need to compress an image for your email signature, we recommend using Squoosh.

cta-copy-email-600x300

Do you want to create an email signature with an image? With flexible layouts and custom templates, HubSpot's free Email Signature Generator will produce your signature in minutes.