Utilia

Generator för e-postsignatur

Skapa en professionell HTML-signatur med foto eller logotyp, kontaktuppgifter och sociala länkar, och kopiera den till Gmail, Outlook eller Apple Mail.

Dina uppgifter
Sociala profiler

Klistra in hela profiladressen, till exempel https://www.linkedin.com/in/ditt-namn.

Logotyp eller foto

En lokal bild bäddas in i signaturen som en data-URI (ändrad till 240 px bredd). Många e-postklienter, bland annat Gmail och Outlook, blockerar eller tar bort inbäddade bilder: en bild som ligger på en webbadress fungerar bättre.

Utseende

Förhandsvisning

Bilder från en webbadress kanske inte syns i den här förhandsvisningen (sidan blockerar externa bilder), men de syns i dina e-postmeddelanden.

Kontroller

Så skapar du din e-postsignatur

  1. Fyll i Dina uppgifter: fullständigt namn, titel, företag, e-post, telefon, mobil, webbplats och adress. Lämna ett fält tomt för att dölja dess rad.
  2. Klistra in hela adresserna till dina Sociala profiler (LinkedIn, X, Instagram, Facebook, YouTube, GitHub). De visas som textlänkar i din accentfärg.
  3. Lägg till en Logotyp eller foto. Bäst är Webbadress till en lagrad bild (rekommenderas): https://-adressen till en bild som redan ligger på din webbplats. Du kan också välja en lokal fil, som bäddas in i signaturen (se begränsningarna nedan).
  4. Välj en Mall (Klassisk (bild bredvid), Staplad eller Kompakt), en Accentfärg, ett Typsnitt och en Bildbredd. Kryssa i Rund bild för ett runt foto.
  5. Kontrollera Förhandsvisning och klicka sedan på Kopiera signatur och klistra in den i ditt e-postprogram. Kopiera HTML-källa och Ladda ner ger dig själva koden för program som tar emot HTML.

Läs in exempel fyller i formuläret med exempeluppgifter så att du kan prova mallarna. Allt sker i din webbläsare: inget du skriver in eller laddar upp skickas någonstans.

Varför signaturen byggs med tabeller och inbäddade stilar

E-postprogram är inte webbläsare. Outlook för Windows visar meddelanden med Word-motorn, Gmail tar bort <style>-block från signaturer och många program ignorerar modern CSS som flexbox och grid. Det här verktyget skapar därför den sorts HTML som fungerar överallt: en layouttabell med role="presentation", inbäddade style-attribut på varje element, webbsäkra typsnitt (Arial, Verdana, Tahoma, Trebuchet MS, Georgia) och vanliga textlänkar i stället för ikonbilder. Varje värde du skriver in kodas om, så ett lösryckt < eller & i en titel kan inte förstöra koden.

Telefonnummer blir tel:-länkar (så att man kan trycka på dem i en mobil), e-postadressen blir en mailto:-länk och webbadresser utan https:// kompletteras automatiskt. Länkar som inte är webbadresser utelämnas och listas under Kontroller.

Bilder: lagrad webbadress eller inbäddad fil?

En lokal bild omvandlas till en data-URI, vilket betyder att själva bilden skrivs in i HTML-koden. Verktyget ändrar storleken till 240 pixlar för att hålla den liten, men många klienter blockerar eller tar ändå bort data-URI:er: Gmail avvisar dem i signaturer, Outlook visar ofta en tom ruta och mottagaren kan se en bilaga i stället. En bild som ligger på en webbadress (till exempel https://www.example.com/logo.png) är lättare och visas i betydligt fler program. Ladda upp din logotyp till din webbplats och klistra sedan in dess webbadress. Observera att bilder som laddas från en webbadress kanske inte syns i förhandsvisningen på den här sidan, eftersom sidan blockerar externa bilder av integritetsskäl, men de syns i dina e-postmeddelanden.

Så lägger du in signaturen i ditt e-postprogram

  • Gmail: öppna Inställningar (kugghjulet) → Visa alla inställningar → Allmänt → Signatur → Skapa ny. Klistra in med Ctrl+V (Cmd+V) och klicka sedan på Spara ändringar längst ned på sidan. Gmail begränsar signaturer till 10 000 tecken.
  • Outlook (nya Outlook och Outlook på webben): Inställningar → Konto → Signaturer, skapa en signatur, klistra in den och spara. I klassiska Outlook för Windows: Arkiv → Alternativ → E-post → Signaturer.
  • Apple Mail: Mail → Inställningar → Signaturer, markera ditt konto, klicka på +, klistra in och avmarkera Använd alltid samma typsnitt som i standardmeddelandet så att typsnitt och färger bevaras.

Vanliga frågor

Varför ser jag en trasig bild eller en bilaga i mina skickade e-postmeddelanden?

Bilden är troligen inbäddad som en data-URI, vilket många e-postklienter blockerar. Använd en bild på en webbadress i stället: det är det mest pålitliga sättet att visa en logotyp eller ett foto.

Varför ser det runda fotot fyrkantigt ut i Outlook?

Outlook för Windows ignorerar stilen border-radius. Om formen är viktig kan du beskära fotot till en cirkel och spara det som en PNG med transparent bakgrund innan du använder det.

Kan jag redigera HTML-koden själv?

Ja. Använd Kopiera HTML-källa eller Ladda ner och redigera koden i valfri textredigerare. Behåll tabellerna och de inbäddade stilarna: de flesta e-postklienter ignorerar stilmallar och klasser.

Varför visas sociala nätverk som text i stället för ikoner?

Ikoner vore bilder, och bilder är den del av en signatur som oftast blockeras. Textlänkar visas alltid, förblir läsbara i mörkt läge och gör inte signaturen tyngre.

Lagras eller skickas mina uppgifter någonstans?

Nej. Signaturen skapas i din webbläsare. Ingenting laddas upp, och sidan sparar ingenting när du stänger den.