What size should the images be in my email signature?

The size of images in your email signature is important for ensuring it looks professional and is displayed correctly across different devices and email clients. Here are some general guidelines:

What size should the images be in my email signature?

The size of images in your email signature is important for ensuring it looks professional and is displayed correctly across different devices and email clients. Here are some general guidelines:

Recommended Dimensions for Email Signature Images:

  1. Logo:
    • Width: 100–300 pixels
    • Height: 30–100 pixels
    • Keep the logo proportionate and not overly large.
  2. Profile Picture (Optional):
    • Width: 80–150 pixels
    • Height: 80–150 pixels
    • Square dimensions work well for profile pictures (e.g., 100x100 pixels).
  3. Social Media Icons:
    • Width and Height: 10–40 pixels (e.g., 32x32 pixels)
    • Ensure they’re consistent in size for a clean look.
  4. Banners or Wide Images:
    • Width: 600 pixels (max 600 pixels for compatibility with most email clients and mobile devices)
    • Height: 50–200 pixels

Examples of good image sizing in email signatures

No items found.
Email Signature Template 1
Email Signature Template 2
100+ Professional Templates

Stand Out with Beautiful Email Signatures

Create professional email signatures that make a lasting impression. Easy to customize, easy to install in Gmail, Outlook, Apple Mail + 60 more email clients, apps and CRM.

Find Your Email Signature

File Size and Format:

  • File Size:
    • Keep individual image sizes under 200 KB to ensure quick loading and prevent being flagged as spam.
    • For social icons or small graphics, aim for <10 KB per image.
  • File Format:
    • Use PNG for sharp images, logos, or transparent backgrounds.
    • Use JPEG for photos to balance quality and file size.
    • Avoid GIFs unless you’re using subtle, professional animations.

Best Practices:

  1. Use Web-Optimized Images:
    • Compress images before uploading to reduce file size without losing quality (e.g., using tools like TinyPNG or ImageOptim).
  2. Use Absolute URLs:
    • Host images on a secure server (e.g., https://) and use the hosted links in your email signature.
  3. Use Inline Styles for Responsiveness:
    • Add inline width and height attributes (e.g., <img src="..." width="100" height="30">) to ensure the image scales properly.
  4. Test Your Signature:
    • Test how your email signature appears in major email clients (e.g., Gmail, Outlook, Apple Mail) and on mobile devices.

Don't forget about Retina Displays

  • Make your email signature images retina by uploading them at double the size and reducing the size by half in your HTML code.
  • If you're an Email Signature Rescue user, just tick the Retina box when uploading.

By following these guidelines, your email signature images will look professional, load quickly, and work well across different platforms.

No items found.
Email signature example design

100's professionally designed and tested templates

See All Templates

Ready to transform your email signatures?

FLYBY Signature
AUTHOR Signature
RAISE Signature
See Templates
OUR AWESOME CLIENTS

We work with
the best clients

Join our community of satisfied clients who trust us to create, host, manage and deploy their HTML email signatures.

4.8
Trustpilot Rating
200k+
Users Rescued
30M+
Hours Saved
10+
Years in the Business
1.1M+
Images Hosted