Utilia

Sähköpostin allekirjoitusgeneraattori

Luo ammattimainen HTML-sähköpostiallekirjoitus valokuvalla tai logolla, yhteystiedoilla ja some-linkeillä ja kopioi se Gmailiin, Outlookiin tai Apple Mailiin.

Tietosi
Sosiaalisen median profiilit

Liitä profiilin koko osoite, esim. https://www.linkedin.com/in/etunimi-sukunimi.

Logo tai valokuva

Laitteelta valittu kuva upotetaan allekirjoitukseen data-URI:na (koko muutetaan 240 px:ään). Monet sähköpostiohjelmat, myös Gmail ja Outlook, estävät tai poistavat upotettuja kuvia: verkossa oleva kuvan URL toimii paremmin.

Ulkoasu

Esikatselu

URL-osoitteesta ladatut kuvat eivät välttämättä näy tässä esikatselussa (sivu estää ulkoiset kuvat), mutta ne näkyvät sähköposteissasi.

Tarkistukset

Näin luot sähköpostin allekirjoituksen

  1. Täytä Tietosi: koko nimi, titteli, yritys, sähköposti, puhelin, matkapuhelin, verkkosivusto ja osoite. Jätä kenttä tyhjäksi, jos et halua näyttää sen riviä.
  2. Liitä Sosiaalisen median profiilien koko osoitteet (LinkedIn, X, Instagram, Facebook, YouTube, GitHub). Ne näkyvät tekstilinkkeinä korostusvärilläsi.
  3. Lisää Logo tai valokuva. Paras vaihtoehto on Verkossa oleva kuvan URL (suositus): verkkosivustollasi jo olevan kuvan https://-osoite. Voit myös valita kuvan laitteeltasi, jolloin se upotetaan allekirjoitukseen (rajoitukset alla).
  4. Valitse Pohja (Klassinen (kuva vieressä), Pinottu tai Kompakti), Korostusväri, Fontti ja Kuvan leveys. Valitse Pyöreä kuva, jos haluat ympyrän muotoisen valokuvan.
  5. Tarkista Esikatselu, napsauta Kopioi allekirjoitus ja liitä se sähköpostisovellukseesi. Kopioi HTML-lähdekoodi ja Lataa antavat raakakoodin sovelluksille, jotka hyväksyvät HTML:n.

Lataa esimerkki täyttää lomakkeen esimerkkitiedoilla, jotta voit kokeilla pohjia. Kaikki tapahtuu selaimessasi: mitään kirjoittamaasi tai lataamaasi ei lähetetä minnekään.

Miksi allekirjoitus rakennetaan taulukoilla ja rivikohtaisilla tyyleillä

Sähköpostisovellukset eivät ole selaimia. Outlook for Windows piirtää viestit Wordin moottorilla, Gmail poistaa allekirjoituksista <style>-lohkot, ja monet sovellukset ohittavat modernin CSS:n, kuten flexboxin ja gridin. Tämä työkalu tuottaa siksi HTML:ää, joka toimii kaikkialla: asettelutaulukon, jossa on role="presentation", rivikohtaiset style-attribuutit jokaisessa elementissä, verkkoturvalliset fontit (Arial, Verdana, Tahoma, Trebuchet MS, Georgia) ja pelkät tekstilinkit kuvakkeiden sijaan. Jokainen kirjoittamasi arvo koodataan turvallisesti, joten eksyneet <- tai &-merkit titteliä kirjoittaessa eivät riko koodia.

Puhelinnumerot muuttuvat tel:-linkeiksi (jolloin niitä voi napauttaa puhelimella), sähköpostiosoitteesta tulee mailto:-linkki, ja ilman https://-alkua kirjoitetut verkko-osoitteet täydennetään automaattisesti. Linkit, jotka eivät ole verkko-osoitteita, jätetään pois ja listataan kohdassa Tarkistukset.

Kuvat: verkossa oleva URL vai upotettu tiedosto?

Laitteelta valittu kuva muunnetaan data-URI:ksi, eli itse kuva kirjoitetaan HTML:n sisään. Työkalu pienentää sen 240 pikselin kokoon, mutta monet sähköpostiohjelmat silti estävät tai poistavat data-URI:t: Gmail ei hyväksy niitä allekirjoituksissa, Outlook näyttää usein tyhjän ruudun, ja vastaanottaja saattaa nähdä kuvan liitetiedostona. Verkossa oleva kuva (esimerkiksi https://www.example.com/logo.png) on kevyempi ja näkyy huomattavasti useammassa sovelluksessa. Lataa logosi verkkosivustollesi ja liitä sen URL tähän. Huomaa, että URL-osoitteesta ladatut kuvat eivät välttämättä näy tämän sivun esikatselussa, koska sivu estää ulkoiset kuvat yksityisyyden vuoksi, mutta ne näkyvät sähköposteissasi.

Näin lisäät allekirjoituksen sähköpostisovellukseen

  • Gmail: avaa Asetukset (rataskuvake) → Näytä kaikki asetukset → Yleiset → Allekirjoitus → Luo uusi. Liitä Ctrl+V:llä (Cmd+V) ja napsauta sivun alareunasta Tallenna muutokset. Gmail rajoittaa allekirjoituksen 10 000 merkkiin.
  • Outlook (uusi Outlook ja Outlook verkossa): Asetukset → Tili → Allekirjoitukset, luo allekirjoitus, liitä se ja tallenna. Perinteisessä Outlook for Windowsissa: Tiedosto → Asetukset → Sähköposti → Allekirjoitukset.
  • Apple Mail: Mail → Asetukset → Allekirjoitukset, valitse tilisi, napsauta +, liitä ja poista valinta kohdasta Käytä aina oletusviestifonttia, jotta fontit ja värit säilyvät.

Valikkojen nimet vaihtelevat sovelluksen version ja kielen mukaan.

Usein kysytyt kysymykset

Miksi lähetetyissä viesteissäni näkyy rikkinäinen kuva tai liitetiedosto?

Kuva on todennäköisesti upotettu data-URI:na, jonka monet sähköpostiohjelmat estävät. Käytä sen sijaan verkossa olevan kuvan URL-osoitetta: se on luotettavin tapa näyttää logo tai valokuva.

Miksi pyöreä kuva näkyy Outlookissa neliönä?

Outlook for Windows ei huomioi border-radius-tyyliä. Jos muoto on tärkeä, rajaa valokuva ympyräksi ja tallenna se läpinäkyvätaustaisena PNG-tiedostona ennen käyttöä.

Voinko muokata HTML:ää itse?

Voit. Käytä Kopioi HTML-lähdekoodi tai Lataa -painiketta ja muokkaa koodia millä tahansa tekstieditorilla. Säilytä taulukot ja rivikohtaiset tyylit: useimmat sähköpostiohjelmat ohittavat tyylitiedostot ja luokat.

Miksi sosiaalinen media näytetään tekstinä kuvakkeiden sijaan?

Kuvakkeet olisivat kuvia, ja kuvat ovat se osa allekirjoitusta, joka estetään useimmin. Tekstilinkit näkyvät aina, pysyvät luettavina tummassa tilassa eivätkä raskauta allekirjoitusta.

Tallennetaanko tietojani tai lähetetäänkö niitä minnekään?

Ei. Allekirjoitus luodaan selaimessasi. Mitään ei lähetetä palvelimelle, eikä sivu säilytä mitään, kun suljet sen.