Utilia

E-mail aláírás generátor

Készíts profi HTML e-mail aláírást fotóval vagy logóval, elérhetőségekkel és közösségi linkekkel, majd másold be Gmailbe, Outlookba vagy az Apple Mailbe.

Adataid
Közösségi profilok

Illeszd be a profil teljes címét, pl. https://www.linkedin.com/in/a-neved.

Logó vagy fotó

A helyi kép data URI-ként kerül az aláírásba (240 px-re átméretezve). Sok e-mail-kliens, köztük a Gmail és az Outlook, blokkolja vagy eltávolítja a beágyazott képeket: a hosztolt kép URL-je jobban működik.

Megjelenés

Előnézet

Az URL-ről betöltött képek lehet, hogy nem jelennek meg ebben az előnézetben (az oldal blokkolja a külső képeket), de az e-mailjeidben megjelennek.

Ellenőrzések

Így készítsd el az e-mail aláírásodat

  1. Töltsd ki az Adataid részt: teljes név, beosztás, cég, e-mail, telefon, mobil, weboldal és cím. Hagyd üresen azt a mezőt, amelynek a sorát el szeretnéd rejteni.
  2. Illeszd be a Közösségi profilok teljes címét (LinkedIn, X, Instagram, Facebook, YouTube, GitHub). Szöveges linkként jelennek meg a kiemelő színeddel.
  3. Adj hozzá Logó vagy fotó elemet. A legjobb megoldás a Kép URL-je (ajánlott): egy, a weboldaladon már meglévő kép https:// címe. Választhatsz helyi fájlt is, ezt beágyazza az aláírásba (a korlátokat lásd lentebb).
  4. Válassz Sablont (Klasszikus (kép oldalt), Egymás alatt vagy Kompakt), Kiemelő színt, Betűtípust és Kép szélessége értéket. Pipáld be a Kerek kép opciót a kör alakú fotóhoz.
  5. Nézd meg az Előnézetet, majd kattints az Aláírás másolása gombra, és illeszd be az e-mail-alkalmazásodba. A HTML-forrás másolása és a Letöltés a nyers kódot adja azokhoz az alkalmazásokhoz, amelyek HTML-t fogadnak.

A Példa betöltése mintaadatokkal tölti ki az űrlapot, hogy kipróbálhasd a sablonokat. Minden a böngésződben történik: semmit, amit beírsz vagy feltöltesz, nem küld el sehová.

Miért táblázatokból és beágyazott stílusokból épül az aláírás

Az e-mail-alkalmazások nem böngészők. A Windowsos Outlook a Word motorjával jeleníti meg a leveleket, a Gmail eltávolítja az aláírásokból a <style> blokkokat, és sok alkalmazás figyelmen kívül hagyja a modern CSS-t, például a flexboxot vagy a gridet. Ezért az eszköz olyan HTML-t állít elő, amely mindenhol megbízhatóan működik: role="presentation" attribútumú elrendezési táblázatot, minden elemen beágyazott style attribútumokat, webbiztos betűtípusokat (Arial, Verdana, Tahoma, Trebuchet MS, Georgia) és ikonképek helyett egyszerű szöveges linkeket. Minden beírt érték escape-elve kerül a kódba, így egy elkóborolt < vagy & a beosztásban nem törheti el a kódot.

A telefonszámokból tel: link lesz (így telefonon rájuk lehet koppintani), az e-mail-címből mailto: link, a https:// nélküli webcímeket pedig automatikusan kiegészíti. Azokat a linkeket, amelyek nem webcímek, kihagyja, és az Ellenőrzések alatt felsorolja.

Képek: hosztolt URL vagy beágyazott fájl?

A helyi képből data URI lesz, vagyis maga a kép kerül a HTML-be. Az eszköz 240 pixelre méretezi át, hogy kicsi maradjon, de sok kliens így is blokkolja vagy eltávolítja a data URI-kat: a Gmail nem fogadja el őket az aláírásban, az Outlook gyakran üres négyzetet mutat, a címzettek pedig melléklet formájában is láthatják a képet. A hosztolt kép (például https://www.example.com/logo.png) könnyebb, és sokkal több alkalmazásban megjelenik. Töltsd fel a logódat a weboldaladra, majd illeszd be az URL-jét. Vedd figyelembe, hogy az URL-ről betöltött képek lehet, hogy nem jelennek meg ennek az oldalnak az előnézetében, mert az oldal adatvédelmi okból blokkolja a külső képeket, de az e-mailjeidben megjelennek.

Az aláírás hozzáadása az e-mail-alkalmazásodhoz

  • Gmail: nyisd meg a Beállításokat (fogaskerék ikon) → Az összes beállítás megtekintése → Általános → Aláírás → Új létrehozása. Illeszd be a Ctrl+V (Cmd+V) paranccsal, majd kattints az oldal alján a Módosítások mentése gombra. A Gmail az aláírásokat 10 000 karakterre korlátozza.
  • Outlook (új Outlook és webes Outlook): Beállítások → Fiók → Aláírások, hozz létre egy aláírást, illeszd be, és mentsd. A klasszikus Windowsos Outlookban: Fájl → Beállítások → Levelezés → Aláírások.
  • Apple Mail: Mail → Beállítások → Aláírások, válaszd ki a fiókodat, kattints a + gombra, illeszd be, és vedd ki a pipát az Always match my default message font (mindig az alapértelmezett üzenet-betűtípust használja) opciónál, hogy a betűtípusok és színek megmaradjanak.

Gyakori kérdések

Miért látok törött képet vagy mellékletet az elküldött e-mailjeimben?

A kép valószínűleg data URI-ként van beágyazva, amelyet sok e-mail-kliens blokkol. Használj inkább hosztolt kép URL-t: ez a legmegbízhatóbb módja a logó vagy a fotó megjelenítésének.

Miért tűnik négyzetesnek a kerek fotó az Outlookban?

A Windowsos Outlook figyelmen kívül hagyja a border-radius stílust. Ha fontos az alak, a használat előtt vágd körré a fotót, és mentsd átlátszó hátterű PNG-ként.

Szerkeszthetem magam a HTML-t?

Igen. Használd a HTML-forrás másolása vagy a Letöltés gombot, és szerkeszd a kódot bármilyen szövegszerkesztőben. Tartsd meg a táblázatokat és a beágyazott stílusokat: a legtöbb e-mail-kliens figyelmen kívül hagyja a stíluslapokat és az osztályokat.

Miért szöveg, és miért nem ikon jelzi a közösségi hálózatokat?

Az ikonok képek lennének, a képek pedig az aláírás leggyakrabban blokkolt részei. A szöveges linkek mindig megjelennek, sötét módban is olvashatók maradnak, és nem teszik nehezebbé az aláírást.

Tárolódnak vagy elküldődnek valahová az adataim?

Nem. Az aláírás a böngésződben készül el. Semmi sem kerül feltöltésre, és az oldal bezárása után semmit sem őriz meg.