Learn · email signature glossary
TL;DR
A responsive email signature is a signature that displays properly on every screen width, from a desktop Outlook window to a phone. On the web, responsive means media queries and fluid grids. In email, that toolbox mostly does not exist: Gmail strips style blocks where media queries live, and Outlook's renderer ignores them. So a responsive signature is really a defensively designed one, narrow enough (under about 320 to 400 pixels for the content that matters) and simple enough that it never needs to adapt in the first place.
Re: In practice
Well over half of email opens happen on phones, and a phone viewport is roughly 320 to 430 CSS pixels wide. A 600-pixel signature with three columns either gets shrunk until the text is unreadable or forces sideways scrolling, depending on the client. The reliable approach is structural: keep the signature to one or two table columns, cap total width around 450 to 500 pixels with the essential content narrower still, use font sizes of 12px or more, and give tappable links some breathing room since fingers are less precise than cursors. Skip the media-query cleverness entirely; a layout that needs no adaptation cannot fail to adapt. Test by sending to yourself and reading on an actual phone, not a resized browser window.
Fwd: Worth a look
dark mode signature issues
Dark mode inverts email backgrounds and can make logos and text in signatures unreadable. Learn what changes and how to design around it.
brand colors in signatures
Email signature colors are the text, accent, and link hues in your sign-off, set as inline hex values and chosen to survive dark mode inversion.
what a signature generator does
An email signature generator is a tool that turns your details into ready-to-paste, email-safe HTML, sparing you from hand-coding tables.
best image format for email
PNG, JPG, and GIF are the image formats that work in email signatures. Learn which to use for logos, photos, and banners, and why SVG fails.
signature headshot
An email signature photo is a small headshot beside your contact details that puts a face to your name. See sizing, format, and when to use one.
signatures on mobile devices
A mobile email signature is what appears under messages sent from your phone, set separately per app and best kept short and narrow.
Free generator, no account required. Works in Gmail, Outlook, and Apple Mail.
Try Free Generator