Varför funkar inte min signatur i Outlook? 8 vanliga problem

Outlook och signaturer – en komplicerad relation

Du har skapat en snygg signatur. Den ser perfekt ut i förhandsgranskningen. Sen öppnar du Outlook och... vad hände?

Bilder som försvunnit. Text som hamnat på fel ställe. Färger som blivit något helt annat.

Du är inte ensam. Outlook är känt för att tolka HTML-kod på sitt eget sätt, och det skapar huvudvärk för alla som vill ha en signatur som ser professionell ut.

Här är de vanligaste problemen och vad du gör åt dem.

1. Bilderna visas inte

Det här är det vanligaste problemet. Du ser en röd ikon med ett X där bilden borde vara.

Varför det händer:
Outlook blockerar externa bilder som standard. Det är en säkerhetsfunktion för att skydda mot tracking-pixlar och skadlig kod.

Lösningen:

• Gå till Arkiv > Alternativ > Säkerhetscenter > Inställningar för Säkerhetscenter
• Under "Automatisk nedladdning" kan du justera inställningarna
• Alternativt: be mottagaren högerklicka och välja "Ladda ned bilder"

Det enklaste är ofta att använda inbäddade bilder istället för länkade. Signery hanterar det här automatiskt.

2. Formateringen går sönder

Din signatur hade två kolumner – profilbild till vänster, text till höger. I Outlook är allt på en lång rad.

Varför det händer:
Outlook använder Word som renderingsmotor för HTML. Ja, du läste rätt. Word. Och Word har sina egna idéer om hur HTML ska se ut.

Lösningen:
Använd tabeller istället för div:ar och flexbox. Det känns som att gå tillbaka till 2003, men det fungerar. Signery bygger alla signaturer med tabellbaserad layout av just den anledningen.

3. Typsnittet byts ut

Du valde ett snyggt typsnitt. Outlook visar Times New Roman.

Varför det händer:
Om typsnittet inte finns installerat på mottagarens dator faller Outlook tillbaka på standardtypsnittet.

Lösningen:
Håll dig till websäkra typsnitt:

• Arial
• Helvetica
• Verdana
• Georgia
• Tahoma

De finns på i princip alla datorer och ser likadana ut överallt.

4. Extra radbrytningar dyker upp

Plötsligt har du dubbla mellanrum mellan varje rad, trots att det såg bra ut innan.

Varför det händer:
Outlook lägger automatiskt till marginaler på paragrafer. Det är inbyggt beteende som är svårt att komma runt.

Lösningen:
Använd '
' istället för '

'-taggar för radbrytningar. Eller sätt 'margin: 0; padding: 0;' på alla element. Inte vackert i koden, men det funkar.

5. Länkarna ser konstiga ut

Alla dina länkar har blivit lila och understrukna, trots att du satte dem till företagets blåa färg.

Varför det händer:
Outlook applicerar sina egna länkstilar om du inte är explicit nog i din CSS.

Lösningen:
Sätt färg direkt på varje länk-element, inte via en generell CSS-regel. Inline styles är din vän här:

''

6. Signaturen försvinner i svar

Du skickar ett mejl – signaturen är med. Mottagaren svarar, du svarar tillbaka – ingen signatur.

Varför det händer:
Outlook har separata inställningar för nya meddelanden och svar/vidarebefordringar.

Lösningen:

• Gå till Arkiv > Alternativ > E-post > Signaturer
• Se till att rätt signatur är vald både för "Nya meddelanden" OCH "Svar/vidarebefordran"

7. Signaturen är suddig på skärmar med hög upplösning

På din nya laptop ser logotypen pixlig ut trots att filen är skarp.

Varför det händer:
Outlook skalar bilder baserat på system-DPI, och det blir inte alltid snyggt.

Lösningen:
Använd bilder som är dubbelt så stora som de visas. Om din logga ska vara 200 pixlar bred, gör originalfilen 400 pixlar och sätt width="200" i koden.

8. Outlook på webben vs desktop ser olika ut

Signaturen ser bra ut i Outlook.com men trasig i desktop-appen.

Varför det händer:
De använder olika renderingsmotorer. Webversionen är modernare och mer förlåtande.

Lösningen:
Testa alltid i desktop-versionen – den är striktare. Om det funkar där funkar det överallt.

Enklaste vägen runt problemen

Alla de här problemen har vi redan löst i Signery. Våra mallar är byggda från grunden för att fungera i Outlook – med tabellbaserad layout, inline styles, och optimerade bilder.

Skapa en Outlook-vänlig signatur →

Tar en minut. Sparar dig timmar av felsökning.

Sammanfattning

Problem	Snabb lösning
Bilder visas inte	Använd inbäddade bilder
Formatering går sönder	Tabellbaserad layout
Fel typsnitt	Websäkra typsnitt
Extra radbrytningar	Undvik p-taggar
Konstiga länkfärger	Inline styles
Saknas i svar	Kolla signaturinställningar
Suddiga bilder	2x upplösning
Webb vs desktop	Testa i desktop