Email Signature Image Size: Best Practices for 2026

An oversized email signature image size is one of those problems nobody tells you about until something breaks. Your logo renders as a pixelated smear in Outlook. Your headshot pushes the signature below the fold. Your 500KB banner image gets stripped by a corporate mail gateway — and now your carefully crafted sign-off is just plain text with a broken image icon.

The fix is straightforward: use the right dimensions, pick the right format, and keep the total file weight under control. Here are the exact numbers.

Recommended Email Signature Image Sizes

Every element in your signature has a sweet spot — large enough to look sharp, small enough to load instantly across Gmail, Outlook, Apple Mail, and Yahoo.

These dimensions target a clean look on both desktop and mobile. Going larger than these values adds file weight without a visible improvement — email clients constrain the signature rendering area, so a 600px-wide logo gets scaled down to 300px anyway, but the recipient still downloads the full-size file.

Logo Dimensions for Email Signatures

Your logo is the most visible brand element in every email you send. Get this one right and the rest follows.

Width: 200–300px is the reliable range. Logos narrower than 200px can look too small on high-resolution screens. Logos wider than 300px eat into the signature layout on mobile clients and add unnecessary file weight. For general website logo sizing, see our logo size for website guide — email signatures follow tighter constraints.

Height: Let the aspect ratio decide this. Most horizontal logos land between 50–100px tall at 200–300px wide. Do not stretch or squish — if your logo does not fit these proportions, crop the bounding box tighter or use a compact version (logomark instead of full lockup).

Retina displays: Modern phones and laptops render at 2x or 3x pixel density. A 300px-wide logo displayed on a retina screen can look soft if you only serve a 300px file. The fix: export your logo at 2x the display size (600px wide) and constrain it to 300px using width and height HTML attributes. The email client downloads the larger file but displays it at the smaller size, resulting in crisp rendering on retina screens without breaking the layout on standard displays.

<img src="logo.png" width="300" height="75" alt="Company Name">

This 2x approach does increase file size, so compress the larger file aggressively to stay under 30KB. Pixotter's compression tool can target an exact KB limit while you preview the result.

Profile Photo Size

A professional headshot in your email signature should be 80–120px square. This is large enough to be recognizable but small enough to sit alongside your contact details without dominating the layout.

Square crop is non-negotiable. Rectangular headshots create alignment headaches across different email clients. Crop to a 1:1 ratio before resizing. If your photo has background clutter, crop tighter — a close-framed face reads better at small sizes than a wide shot with empty space on the sides.

JPG at 80% quality is the right call for photographs. An 80% JPEG at 120x120px typically weighs 8–15KB, which is well under the 40KB limit. Skip PNG for headshots — lossless compression on photographic content produces files 3–5x larger with no visible benefit at this size.

For retina, serve a 240x240px image displayed at 120x120px, same technique as the logo above. Use Pixotter's resize tool to hit the exact pixel dimensions you need.

Banner and Social Icons

Banners: If your signature includes a promotional banner or brand strip, keep it to 600px wide and 80–100px tall. The 600px width matches the standard email content column, so the banner sits flush without overflow. Keep text in HTML where possible — text baked into a banner image becomes unreadable on mobile and invisible to screen readers. Aim for under 50KB.

Social media icons: Use 20–24px square icons for platforms like LinkedIn, Twitter/X, GitHub, and Instagram. At this size, each icon should be well under 5KB as a PNG. Use a consistent icon set — mismatched styles (some outlined, some filled, some colorful) look unprofessional. Stick with a single-color icon set that matches your signature's color scheme.

For a broader look at image sizing for social platforms, see our email image size guide which covers Gmail, Outlook, and marketing email dimensions in detail.

File Format: PNG, JPG, or SVG?

Format choice affects both file size and rendering. Here is when to use each:

PNG — Use for logos and icons that need transparency. Your logo on a white background might look fine in your email client but will have a visible white box if the recipient uses dark mode. PNG with a transparent background avoids this. Also the right choice for social icons with crisp edges.

JPG — Use for photographs (headshots, team photos, event banners with photographic content). JPG compresses photographic content far more efficiently than PNG. At 80% quality, most viewers cannot tell the difference from the original. If your headshot needs further compression, our guides on compressing JPEGs and compressing PNGs cover format-specific techniques.

SVG — Avoid in email signatures. SVG support across email clients is unreliable. Gmail strips SVGs entirely. Outlook ignores them. Even Apple Mail renders them inconsistently. Convert your SVG logo to PNG before embedding. You can convert SVG to PNG losslessly and then compress the result.

GIF — Only for animated elements, and even then, think twice. Animated GIFs in signatures are distracting and add significant file weight. Most corporate environments consider them unprofessional. If you must, keep the animation under 3 frames and the file under 30KB.

File Size Limits — Keep Under 50KB Total

This is the rule that matters most: keep your total email signature image weight under 50KB.

Why so strict? Three reasons:

1. Gmail clips emails over 102KB of HTML. Every reply in a thread includes the signature again. A 200KB signature in a 10-reply thread adds 2MB of image data to the email. Gmail will eventually clip the message, hiding everything below the fold.

2. Outlook blocks images by default for first-time senders. When images are blocked, recipients see alt text and broken image icons. Smaller images load faster when the user clicks "Download images," and they are more likely to display in preview mode.

3. Corporate mail gateways strip large attachments. Many organizations enforce attachment size limits that include inline images. A bloated signature can get silently stripped, leaving your recipient with nothing but your name and a broken layout.

The 50KB target is achievable with the dimensions above. A 300px logo at 25KB + a 120px headshot at 12KB + four social icons at 3KB each = 49KB total. Tight, but it works.

If your images exceed 50KB, compress them to your exact target before embedding. Resize first, compress second — a smaller image at higher quality always beats a larger image at aggressive compression.

How to Resize and Compress for Email Signatures

Pixotter handles both resize and compression in a single step, entirely in your browser. No uploads, no accounts, no waiting.

1. Open the resize tool at pixotter.com/resize
2. Drop your logo or headshot onto the page
3. Set the target dimensions — 300px wide for a logo, 120px square for a headshot
4. Add compression — switch to the compressor and set a target file size (30KB for logos, 15KB for headshots)
5. Check the result — Pixotter shows the compressed file size and a side-by-side preview so you can verify quality before downloading
6. Download — the processed image never leaves your machine

For batch work — resizing a full set of social icons or compressing multiple headshots for a team signature — drop all files at once and apply the same settings. The whole process takes seconds.

Need to reduce a file to a specific size? Our guides on how to reduce image size and compressing images to 50KB walk through the details.

FAQ

What is the ideal email signature image size for a logo?

200–300px wide, 50–100px tall, under 30KB. Use PNG if your logo needs a transparent background, JPG otherwise. For retina screens, export at 2x and constrain with HTML width/height attributes.

What size should a profile photo be in an email signature?

80–120px square, under 40KB. Use JPG at 80% quality. Always crop to a square aspect ratio before resizing — rectangular headshots cause layout problems in most email clients.

Can I use SVG images in my email signature?

No. Gmail strips SVG files entirely, and Outlook does not render them. Convert your SVG to PNG before embedding. The SVG to PNG conversion is lossless, so you lose nothing in the process.

Why do my email signature images look blurry?

You are probably serving a 1x image on a retina display. Export your images at double the display size (e.g., 600px wide for a 300px display) and set the display dimensions with HTML width and height attributes. The email client will render the larger image at the smaller size, producing crisp results.

How do I keep my total signature size under 50KB?

Use the dimensions in the table above, compress each image individually, and choose the right format (JPG for photos, PNG for logos with transparency). Resize before compressing — smaller dimensions at higher quality always produces better results than large dimensions at heavy compression. Pixotter's compressor lets you target an exact file size.

Should I use inline images or hosted images in my email signature?

For signatures, inline (embedded) images are generally better — they display even when image blocking is enabled in some clients, and they do not depend on an external server staying up. The trade-off is that inline images add to the email's total size in every reply. Keep them small (under 50KB total) and this is not a problem.

What dimensions should email signature social media icons be?

20–24px square. Use PNG with transparency so they blend into any background color. Keep each icon under 5KB. Use a consistent icon style — all outlined or all filled, one color or matching your brand palette.

Do email signature images affect email deliverability?

Yes. Oversized images increase the email's total weight, which can trigger spam filters and cause clipping in clients like Gmail. Heavy image-to-text ratios also raise spam scores. Keep signature images lightweight and balanced with text content. For more on optimizing images for email, see our complete email image size guide.