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.
Founder of SigGen
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
Square dimensions work best. Most signatures use 80x80px, 100x100px, or 120x120px.
Larger photos dominate the signature and slow loading. Keep it professional.
Compress JPEG to 70-80% quality. Use tools like TinyJPG for optimization.
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
Width is the key dimension. Height should maintain aspect ratio, typically 30-60px.
Wider logos overwhelm signatures. Consider a simplified version for email.
Logos should be lightweight. Compress PNG with TinyPNG or similar tools.
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
Match your signature width. Banners wider than 500px may cause mobile issues.
Tall enough for text and CTA to be readable, but not so tall it dominates.
Banners are larger images. Compress aggressively to avoid slow loading.
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
| Element | Maximum | Typical |
|---|---|---|
| Profile Photo | Under 20KB | 10-15KB |
| Company Logo | Under 15KB | 5-10KB |
| Social Icons (each) | Under 2KB | 1KB |
| Banner/CTA | Under 30KB | 15-25KB |
| Total Signature | Under 50KB | 30-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
- Supports transparency
- Sharp edges and text
- Lossless compression
- Larger file sizes
- Not ideal for photographs
Use for company logos and any image requiring transparency
JPEG
Best for: Profile photos, photographic images
- Smaller file sizes
- Great for photographs
- Wide compatibility
- 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
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.
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.