Email Signature Image Size: Logo, Headshot, Crop
Use 300-400 px images for email signatures, crop cleanly, and keep logos or headshots light enough for Gmail, Outlook, and phone screens without heavy replies.
Contents
For most email signatures, prepare the logo or headshot at 300-400 px wide, keep it under roughly 50 KB when you can, and avoid pasting a full-size photo straight from your phone. Gmail and Outlook can both carry images in signatures, but the file still has to behave like email.
What size should an email signature image be?
A good email signature image is large enough to stay crisp on a Retina screen and small enough that it does not make every reply feel heavy. I usually start at 400 px for a headshot or logo, then display it smaller in the signature editor.
Small is good.
The trap is using the image’s display size as the real file size. If you paste a 2400 px profile photo into Gmail, the box may look 96 px wide, but the email can still carry a bloated source image. Gmail’s own signature help says signature images count toward the signature limit and tells users to resize the image when errors show up.
My working rule: use 300-400 px for a headshot, 240-320 px for a horizontal logo, and 48-96 px for a small icon. That gives you enough pixel density without turning the signature into a mini landing page. If you are also preparing a social avatar from the same file, the sizing logic overlaps with LinkedIn profile photo dimensions, but email has less patience for weight.
How should you crop a headshot or logo before adding it?
Crop before you open Gmail, Outlook, or Apple Mail. Their signature editors are fine for placement, but they are clumsy at framing a face, setting whitespace, or deciding whether a logo should sit on a square, circle, or transparent canvas.
Use the native tool first. On macOS, Preview can crop and resize a photo. On iPhone Photos or Android Gallery, you can straighten and trim a headshot before sending it to yourself. Outlook and Gmail are better at inserting the finished asset than fixing the crop after the fact.
For a person, center the eyes slightly above the middle and leave a little shoulder line so the crop does not read like a passport photo. For a mark, respect the whitespace around the logo. Tight crops make the signature feel louder than the message, and that visual weight gets worse in a long email thread.
A circle crop works when the headshot is part of a contact-card style signature. It fumbles logos with sharp wordmarks because the circle cuts off too much horizontal rhythm. Close. The real catch is that a circular mask in an email editor may not travel well between clients; a real circular PNG or JPG is usually more predictable.
If you want the deeper crop behavior problem, I wrote about crop tool defaults because this is where people accidentally change the canvas instead of the image.
Which file format works best in email signatures?
Use JPG for photographic headshots, PNG for transparent logos, and WebP only when you know the destination handles it. MDN’s image guide frames the same trade-off: JPEG suits lossy still images, PNG keeps transparency, and WebP compresses better where support is acceptable.
Do not overthink it.
For email, compatibility matters more than winning a benchmark. A JPG headshot at 400 px wide is boring in the best way: it loads, forwards, and previews almost everywhere. A transparent PNG logo is still the safer export when the mark needs to sit on white and dark mail themes (which are never as consistent as designers want).
I ran one quick export for this draft. A 941 x 941 PNG test crop weighed 746,663 bytes; resized to 400 x 400, the JPG landed at 28,967 bytes, and a WebP version at 10,010 bytes. That’s not a universal ratio, but it shows why the resize step matters more than another hour of format debate.
If your actual problem is an attachment rather than a signature, use the workflow in compress photos for email attachments. Signature images are stricter because they repeat on every message.
How do you add the image without making the signature bulky?
Add the finished asset inside the mail app’s signature settings, then send a test message to yourself before rolling it into every reply. Look at it on mobile, not just your desktop composer, because the narrow view exposes bad crops fast.
In Gmail, use Settings, See all settings, then Signature. In Outlook, use the signature settings for the version you are actually using, because new Outlook, classic Outlook, and Outlook on the web don’t share every step. Apple Mail has its own signature editor on Mac. Same idea, different doors.
Keep the layout plain: name, role, one link, maybe a small logo or headshot. A signature with a banner, five social icons, and a legal block turns into a second email body. I don’t mind a tasteful logo. I do mind a 900 px hero shot under “Best regards.”
Send the test to Gmail, Outlook, and your phone if the signature is for client work. If the image looks soft, export a little larger. If the message feels sluggish or the image shows as an attachment, shrink and simplify (mobile catches this first).
When should you use RoundCut instead of the mail app?
Use a browser tool when the native editor can’t give you a clean crop, a predictable export, or a smaller file before you paste the image into the signature. The mail app should assemble the signature; the image tool should prepare the asset.
That’s where RoundCut fits. You can crop the headshot into a circle when the signature calls for an avatar, resize the image online when Gmail complains, or run the file through an in-browser image compressor when the headshot is still heavier than it should be.
The upside is privacy: the editing happens in the browser, with no account dance. The downside is that RoundCut won’t design the whole signature layout for you. It prepares the image. You’ll still need Gmail, Outlook, Apple Mail, or your company’s signature manager to place it correctly.
For logos with transparent edges, check the file at 100% before you send it. Halos around white marks are easy to miss on a light compose window and painfully obvious when the recipient uses dark mode. One minute here saves a lot of ugly threads.
Next signature you ship, make one 400 px master image, one lighter export, and one test email to yourself. If it survives your phone, Gmail, and Outlook without looking fuzzy or fat, stop tweaking. The signature is doing its job.
