So fügen Sie ein Logo zu Ihrer E-Mail-Signatur hinzu, ohne sie zu beschädigen
A logo in your email signature is a trust signal. Recipients scan for it, and its absence can make a cold outreach or invoice look amateurish. But embedding that logo incorrectly is the fastest way to trigger spam filters, break rendering across clients, or inflate your email’s size to the point where Gmail clips the message.
The problem is that email clients are not web browsers. They each handle images, paths, and fallbacks differently. A logo that looks perfect in Apple Mail can appear as a broken link icon in Outlook for Windows, or get stripped entirely by Gmail’s image proxy. This post walks through the technical decisions you need to make to add a logo to your email signature without breaking deliverability or layout.
Host the logo file correctly
The most common mistake is linking to a logo stored on a local drive, a shared Google Drive folder, or a CMS that requires authentication. Email clients cannot authenticate. They fetch the image at send time, and if the server returns a 403 or a redirect loop, the recipient sees a placeholder.
Your logo must be hosted on a public, stable URL with a valid SSL certificate. Use a CDN or a dedicated asset subdomain. Avoid free file-sharing services that inject interstitial pages or require cookies. The URL should end in .png, .jpg, or .gif — never a query string that looks like a tracking parameter unless you control the server.
Key requirements for the host:
- HTTPS only. Gmail and Outlook will block mixed-content images.
- CORS headers set to allow cross-origin requests. Some corporate email gateways check this.
- A reasonable
Cache-Controlheader. You want the image to cache on the recipient’s client, but not so aggressively that a logo update takes weeks to propagate.
Choose the right image format and dimensions
File size matters more than most people think. Gmail clips messages larger than 102 KB in the web interface, and Outlook for Windows has a hard limit around 20–25 KB for inline images before it starts converting them to attachments. A logo that is 500 KB will cause problems.
Stick to PNG for logos with transparency, or JPEG for photographic elements. Avoid GIF for logos — the colour depth is too low and file size is often larger than a well-compressed PNG. SVG is not supported in most email clients, so do not use it.
Dimensions should be based on the signature’s layout. A typical logo in a left-aligned signature is 100–150 pixels wide. For a centred signature, 200–300 pixels wide is common. Never exceed 600 pixels wide — most email preview panes are narrower, and the image will be scaled down by the client, often with poor anti-aliasing.
Compression without visible loss
Use a tool like ImageOptim or Squoosh to reduce the file size. Aim for under 20 KB. At 100–150 px width, a well-compressed PNG should be 5–12 KB. If your logo has many colours, consider JPEG at 80% quality — the file size will be roughly half of PNG.
Embed with correct HTML and inline CSS
Email HTML is stuck in 1999. You cannot use <img> with external CSS classes and expect it to work in Outlook. The image tag must be fully self-contained with inline styles.
The essential attributes:
src— the full HTTPS URL.alt— descriptive text for clients that block images by default.widthandheight— set explicitly in pixels. Do not rely on CSSmax-width.style="display:block; border:0; outline:none;"— removes the default blue link border and extra spacing below the image.
If the logo is clickable (linking to your website), wrap it in an <a> tag. The <a> must also have inline styles to remove the default underline and colour. The href should be a full URL with https://.
<a href="https://yourdomain.com" target="_blank" style="text-decoration:none; color:inherit;">
<img src="https://cdn.yourdomain.com/logo.png" alt="Company Name" width="150" height="50" style="display:block; border:0; outline:none;" />
</a>
Do not use float or position in email. Use a simple table layout if you need the logo next to text. Tables are the only reliable layout mechanism across all email clients.
Handle image blocking gracefully
By default, Gmail, Outlook.com, and Yahoo block external images. The recipient sees a placeholder and must click "Show images" to load them. Your logo will not appear until they do.
You cannot force images to load, but you can make the placeholder useful. The alt text is your only tool. Write it as a short brand statement, not just "logo". For example: "Acme Corp — software for teams". This text appears in the placeholder box and gives context even when images are off.
For Outlook for Windows (the desktop app), Microsoft uses its own proxy to download images. If your image host is slow or returns a non-200 status, Outlook will cache the broken state and never retry. Test your logo URL with curl -I to confirm it returns 200 OK and a reasonable Content-Type.
Avoid common pitfalls with tracking and proxies
If you use a tracking service that rewrites image URLs, be aware that some email clients will block the rewritten URL if the domain does not match the original sender. This is especially true for corporate email security gateways like Mimecast or Proofpoint.
When you add a logo to your email signature, the image request is a separate HTTP call. If your tracking service appends a unique identifier to the image URL, that URL is now per-recipient. That breaks caching and can cause the image to load slowly or fail under load.
The solution is to host the logo on a separate, stable domain that is not used for tracking. Keep the logo URL static. If you need open tracking, use a transparent 1x1 pixel GIF (a tracking pixel) in addition to the logo, not as a replacement for it. The tracking pixel can be dynamic; the logo should be static.
How newmail.click handles this
Newmail.click generates email signatures with the logo hosted on a CDN with automatic SSL and proper cache headers. The HTML output uses inline styles, explicit width and height, and a table-based layout that renders consistently across Gmail, Outlook, and Apple Mail. The free plan includes this logo hosting. The Pro plan adds click and open tracking via a separate tracking pixel — the logo URL stays static and uncorrupted. You also get Slack and email alerts when tracked links are clicked, plus sensible UTM defaults for any links you add. No need to worry about image blocking or broken paths; the generator handles the encoding.
End with a strong, tested signature
Adding a logo to your email signature is not difficult when you understand the constraints. Host it on a public HTTPS URL, compress it under 20 KB, use explicit dimensions and inline styles, and write meaningful alt text. Test the final signature by sending it to a Gmail, Outlook, and Apple Mail account, then checking the raw source for any stray CSS or missing quotes. A broken logo erodes trust faster than no logo at all. Get it right once, and it will work for every email you send.