SigGen logoSigGen
Back to Blog
Technical Guide

Email Signature Image Size: Optimal Dimensions Guide

Get your email signature images right. Learn the exact pixel dimensions for profile photos, logos, and banners, plus file size limits and format recommendations.

Martin Šikula

Founder of SigGen

January 7, 20267 min read

Images make email signatures memorable and professional, but wrong dimensions cause problems. Photos that are too large slow down email loading and trigger spam filters. Logos that are too small look pixelated. Banners that exceed mobile widths break your layout entirely.

This guide provides the exact pixel dimensions for every image type in your email signature. Follow these specifications and your signature will display correctly across Gmail, Outlook, Apple Mail, and mobile devices.

Quick Reference

Photo: 80-150px | Logo: 100-200px wide | Banner: 300-500px wide | Total: Under 50KB

Profile Photo Dimensions

Your profile photo is often the first visual element recipients notice. The right size creates a professional impression without overwhelming your signature. Most email clients display profile photos at predictable sizes, making standardization straightforward.

Profile Photo Guidelines

Recommended Size:80-150 pixels

Square dimensions work best. Most signatures use 80x80px, 100x100px, or 120x120px.

Maximum Size:150 pixels

Larger photos dominate the signature and slow loading. Keep it professional.

File Size:Under 20KB

Compress JPEG to 70-80% quality. Use tools like TinyJPG for optimization.

Format:JPEG

Best for photographs with many colors. Smaller file size than PNG for photos.

For best results, use square source images. If you want circular or rounded display, apply CSS styling rather than cropping the image itself. This ensures the photo displays correctly even in email clients that ignore CSS styling.

Company Logo Dimensions

Logos require different considerations than photos. Width matters more than height because horizontal space is limited in email signatures. Many companies use simplified versions of their logos specifically optimized for email signature use.

Company Logo Guidelines

Recommended Width:100-200 pixels

Width is the key dimension. Height should maintain aspect ratio, typically 30-60px.

Maximum Width:250 pixels

Wider logos overwhelm signatures. Consider a simplified version for email.

File Size:Under 15KB

Logos should be lightweight. Compress PNG with TinyPNG or similar tools.

Format:PNG

Supports transparency for logos with non-rectangular shapes or transparent backgrounds.

If your logo appears blurry at small sizes, consider creating a simplified version. Complex logos with fine details lose definition when scaled down. A wordmark or icon-only version often works better in email signatures.

Banner and CTA Dimensions

Promotional banners add marketing value to your signature but require careful sizing. Banners that are too wide break mobile layouts. Banners that are too tall make your signature look like an advertisement rather than contact information.

Banner/CTA Guidelines

Recommended Width:300-500 pixels

Match your signature width. Banners wider than 500px may cause mobile issues.

Recommended Height:50-80 pixels

Tall enough for text and CTA to be readable, but not so tall it dominates.

File Size:Under 30KB

Banners are larger images. Compress aggressively to avoid slow loading.

Format:JPEG or PNG

JPEG for photographic banners, PNG for graphics with text or transparency.

Keep banner text large enough to read on mobile screens. Text smaller than 14 pixels becomes illegible on smartphones. Ensure any clickable elements are at least 44 pixels tall for easy tapping on touch screens.

File Size Limits

File size affects email deliverability and loading speed more than pixel dimensions. Large images trigger spam filters, slow down email clients, and frustrate recipients with slow connections. Optimize every image before adding it to your signature.

File Size Limits by Element

ElementMaximumTypical
Profile PhotoUnder 20KB10-15KB
Company LogoUnder 15KB5-10KB
Social Icons (each)Under 2KB1KB
Banner/CTAUnder 30KB15-25KB
Total SignatureUnder 50KB30-40KB

Use compression tools like TinyPNG and TinyJPG to reduce file sizes without visible quality loss. These tools can reduce image sizes by 50-80% while maintaining visual quality that is indistinguishable from the original.

PNG vs JPEG: Format Recommendations

Choosing the right image format affects both file size and visual quality. The wrong format choice can double your file size or create visible artifacts around text and edges.

PNG

Best for: Logos, icons, graphics with transparency

Pros:
  • Supports transparency
  • Sharp edges and text
  • Lossless compression
Cons:
  • Larger file sizes
  • Not ideal for photographs

Use for company logos and any image requiring transparency

JPEG

Best for: Profile photos, photographic images

Pros:
  • Smaller file sizes
  • Great for photographs
  • Wide compatibility
Cons:
  • No transparency support
  • Lossy compression shows artifacts on edges

Use for profile photos at 70-80% quality compression

What About GIF and SVG?

GIF format has limited use in email signatures. While it supports animation, most email clients either block animated GIFs or show only the first frame. The 256-color limitation also makes GIFs inferior to PNG for most static graphics.

SVG offers perfect scalability but has poor email client support. Many clients strip SVG images entirely for security reasons. Always convert SVG logos to PNG before using them in email signatures.

Quick Tips for Image Optimization

Always compress images before adding to your signature
Use square images for profile photos to ensure consistent display
Test your signature on mobile devices where most emails are opened
Consider retina displays: create 2x images and specify display size in HTML
Host images on reliable servers with permanent URLs
Avoid GIF format unless you specifically need animation

Retina Display Considerations

Modern devices have high-resolution displays that make standard images look blurry. The solution is to create images at 2x the display size and specify the smaller size in HTML. For example, create a 200x200 pixel photo but display it at 100x100 pixels.

This doubles your file size, so use retina images selectively. Profile photos and logos benefit most from retina treatment. Social icons and small graphics often look fine at standard resolution.

Learn More About Signature Sizing

Image dimensions are just one aspect of email signature sizing. For comprehensive guidance on overall signature dimensions, width limits, and height recommendations, read our complete Email Signature Size Guide.

Ready to create a signature with perfectly sized images? Use our free email signature generator to build a professional signature that automatically optimizes image dimensions for maximum compatibility.

Create a Signature with Perfect Image Sizing

Our generator automatically optimizes your images for email. Upload any photo or logo and we handle the sizing.

Martin Šikula·Founder of SigGen

Developer and founder of SigGen. Builds free web tools at Šikulovi s.r.o. in Brno, Czech Republic. Focused on email productivity and privacy-first software.