Skip to content

CHOOSE YOUR FORMAT / A PRACTICAL GUIDE

HTML vs PNG email signatures: which should you use?

For an everyday email signature, start with Copy signature. It preserves formatted text and individual links where your email app supports them. PNG is a flat image with different limitations.

By Custom Signatures · Reviewed

THE SHORT ANSWER

Use Copy signature for email installation. Keep HTML as a reusable reference. Choose PNG when you need a flat graphic, and PDF when you need a reference document rather than an installed email signature.

Copy signature and HTML.

Copy signature places formatted content on the clipboard for you to paste into your email signature settings. Where supported, the result contains selectable text and separate links rather than one large picture.

The HTML download preserves the signature markup as a reference. Open the file in a browser and copy its rendered signature if you need an alternative to the clipboard action. Pasting raw HTML source into a normal signature field does not turn it into a formatted signature.

Email apps can change fonts, spacing, images and layout when they paste or send content. HTML offers structure and individual links; it does not guarantee identical rendering everywhere.

PNG and transparent PNG.

A PNG turns the signature into one flat picture. Its visual text is no longer selectable signature text, and individual phone, email and website destinations are not embedded as interactive links.

An email app may let you link the whole image to one destination, but that does not restore the separate links. Images can also be hidden or removed. Alternative text helps describe an image; it does not recreate all the text and contact actions.

Transparent PNG removes the background from the exported graphic. It remains a flat image. Check contrast against the backgrounds where you intend to use it, especially if your text or logo is very light.

Where PDF fits.

PDF is useful as a reference document with selectable text and supported links. It is not an email-signature installation format: attaching a PDF to a message does not make it your signature.

Keep a PDF if you need to review or share a reference of the design. Use the formatted copy when adding the signature to your email settings.

Compare the formats.

Choose the output for the job
FormatText and linksImagesUse it for
Copy / HTMLSelectable text and individual links where the app preserves them.Logos and photos can still be blocked.Email installation; keep HTML as a reference.
PNGFlat visual text; no individual text links.The entire signature is one image.A graphic where a flat image is appropriate.
Transparent PNGThe same flat-image limitations as PNG.Transparent background; check contrast.A graphic placed on a suitable background.
PDFSelectable text and supported links.Part of a reference document.Review and reference, not installation.

The same signature, two formats.

Both examples below use the same illustrative Minimal document. The first is actual formatted renderer output; the second is a PNG captured from that output. Preview links are inactive in this guide.

Formatted output

MinimalILLUSTRATIVE EXAMPLE
Fictional details. Actual Minimal output. Preview links are inactive.

The name and contact information remain text in the formatted output.

PNG image

Flat PNG of the same illustrative Minimal signature: Alex Morgan, Independent Professional, alex@customsignatures.example, +1 212 555 0148.
One flat image. Individual details are no longer selectable text or separate links.

Copy, paste and test.

  1. Finish your details in the creator and open Export.
  2. Choose Copy signature, then paste into your email app’s signature settings.
  3. Select the sending account and defaults for new messages and replies.
  4. Send a new message and a reply to another account, then check the text, images and links on desktop and mobile.

Use the Install guide for the steps in your app. If a logo disappears, follow the image troubleshooting guide.

Create your signature

KEEP READING

A little more help.

What to include in a professional email signature Email signature images not showing? What to check