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.
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
Inga problem hittades.
Så skapar du din e-postsignatur
- 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.
- Klistra in hela adresserna till dina Sociala profiler (LinkedIn, X, Instagram, Facebook, YouTube, GitHub). De visas som textlänkar i din accentfärg.
- 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).
- 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.
- 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.
Relaterade verktyg
- Generator för mailto-länkar Skapa en mailto-länk med mottagare, Cc, Bcc, ämne och meddelandetext, korrekt procentkodad, samt en färdig HTML-länk att klistra in.
- QR-kodsgenerator Skapa gratis QR-koder för länkar, text, Wi-Fi, kontakter, e-post och sms. Lägg till färger och logga och ladda ner png eller svg. Inget lämnar din enhet.
- UTM-länkbyggare för kampanjer Skapa kampanjlänkar med UTM-parametrar för Google Analytics, en länk eller hundratals på en gång, med befintliga frågesträngar bevarade och CSV-export.