Generátor e-mailových podpisov
Vytvor profesionálny HTML e-mailový podpis s fotografiou či logom, kontaktmi a odkazmi na sociálne siete a skopíruj ho do Gmailu, Outlooku alebo Apple Mail.
Náhľad
Obrázky z URL sa v tomto náhľade nemusia zobraziť (táto stránka blokuje externé obrázky), ale v tvojich e-mailoch sa zobrazia.
Kontroly
Nenašli sa žiadne problémy.
Ako vytvoriť e-mailový podpis
- Vyplň Tvoje údaje: celé meno, pracovnú pozíciu, firmu, e-mail, telefón, mobil, web a adresu. Ak pole necháš prázdne, príslušný riadok sa nezobrazí.
- Vlož celé adresy svojich Profilov na sociálnych sieťach (LinkedIn, X, Instagram, Facebook, YouTube, GitHub). Zobrazia sa ako textové odkazy vo farbe zvýraznenia.
- Pridaj Logo alebo fotografiu. Najlepšia voľba je URL obrázka na webe (odporúčané): adresa https:// obrázka, ktorý už je na tvojom webe. Môžeš vybrať aj lokálny súbor, ktorý sa do podpisu vloží (obmedzenia nájdeš nižšie).
- Vyber Šablónu (Klasická (obrázok vedľa), Pod sebou alebo Kompaktná), Farbu zvýraznenia, Písmo a Šírku obrázka. Zaškrtni Okrúhly obrázok, ak chceš kruhovú fotografiu.
- Skontroluj Náhľad, klikni na Kopírovať podpis a vlož ho do e-mailovej aplikácie. Kopírovať zdrojový HTML a Stiahnuť ti dajú surový kód pre aplikácie, ktoré akceptujú HTML.
Načítať príklad vyplní formulár ukážkovými údajmi, aby si mohol vyskúšať šablóny. Všetko sa deje vo tvojom prehliadači: nič, čo zadáš alebo nahráš, sa nikam neodosiela.
Prečo je podpis zložený z tabuliek a inline štýlov
E-mailové aplikácie nie sú webové prehliadače. Outlook pre Windows vykresľuje správy enginom Wordu, Gmail z podpisov odstraňuje bloky <style> a mnohé aplikácie ignorujú moderné CSS ako flexbox či grid. Tento nástroj preto vytvára HTML, ktoré prežije všade: rozloženie v tabuľke s role="presentation", inline atribúty style na každom prvku, bezpečné webové písma (Arial, Verdana, Tahoma, Trebuchet MS, Georgia) a obyčajné textové odkazy namiesto ikon. Každá hodnota, ktorú zadáš, sa ošetrí, takže zatúlané < alebo & v názve pozície kód nerozbije.
Telefónne čísla sa menia na odkazy tel: (dajú sa ťuknúť na telefóne), e-mailová adresa na odkaz mailto: a webové adresy bez https:// sa automaticky doplnia. Odkazy, ktoré nie sú webovými adresami, sa vynechajú a vypíšu sa v časti Kontroly.
Obrázky: URL na webe, alebo vložený súbor?
Lokálny obrázok sa prevedie na data URI, čo znamená, že samotný obrázok sa zapíše priamo do HTML. Nástroj ho zmenší na 240 pixelov, aby bol malý, no mnohé aplikácie data URI aj tak blokujú alebo odstraňujú: Gmail ich v podpisoch odmieta, Outlook často zobrazí prázdny rámček a príjemcovia môžu vidieť prílohu. Obrázok na webe (napríklad https://www.example.com/logo.png) je ľahší a zobrazí sa v oveľa viacerých aplikáciách. Nahraj logo na svoj web a vlož jeho URL. Obrázky načítané z URL sa v náhľade na tejto stránke nemusia zobraziť, pretože stránka z dôvodu súkromia blokuje externé obrázky, ale vo tvojich e-mailoch sa zobrazia.
Ako pridať podpis do e-mailovej aplikácie
- Gmail: otvor Nastavenia (ikona ozubeného kolieska) → Zobraziť všetky nastavenia → Všeobecné → Podpis → Vytvoriť nový. Vlož ho cez Ctrl+V (Cmd+V) a dole na stránke klikni na Uložiť zmeny. Gmail obmedzuje podpisy na 10 000 znakov.
- Outlook (nový Outlook a Outlook na webe): Nastavenia → Účet → Podpisy, vytvor podpis, vlož ho a ulož. V klasickom Outlooku pre Windows: Súbor → Možnosti → Pošta → Podpisy.
- Apple Mail: Mail → Nastavenia → Podpisy, vyber svoj účet, klikni na +, vlož podpis a zruš zaškrtnutie Vždy použiť písmo predvolenej správy, aby sa písma a farby zachovali.
Názvy položiek v aplikáciách sa môžu líšiť podľa verzie a jazyka rozhrania.
Často kladené otázky
Prečo v odoslaných e-mailoch vidím poškodený obrázok alebo prílohu?
Obrázok je pravdepodobne vložený ako data URI, ktoré mnohé e-mailové aplikácie blokujú. Použi radšej URL obrázka na webe: je to najspoľahlivejší spôsob, ako zobraziť logo alebo fotografiu.
Prečo je okrúhla fotografia v Outlooku štvorcová?
Outlook pre Windows ignoruje štýl border-radius. Ak na tvare záleží, pred použitím fotografiu orež do kruhu a ulož ako PNG s priehľadným pozadím.
Môžem HTML upraviť sám?
Áno. Použi Kopírovať zdrojový HTML alebo Stiahnuť a kód uprav v ľubovoľnom textovom editore. Tabuľky a inline štýly nechaj: väčšina e-mailových aplikácií štýlové súbory a triedy ignoruje.
Prečo sa sociálne siete zobrazujú ako text a nie ako ikony?
Ikony by boli obrázky a obrázky sú časť podpisu, ktorá sa blokuje najčastejšie. Textové odkazy sa zobrazia vždy, zostanú čitateľné v tmavom režime a podpis nezväčšujú.
Ukladajú sa moje údaje alebo sa niekam odosielajú?
Nie. Podpis sa generuje vo tvojom prehliadači. Nič sa nenahráva a po zatvorení stránky si ju nič nepamätá.
Súvisiace nástroje
- Generátor odkazov mailto Vytvor odkaz mailto s príjemcami, kópiou, skrytou kópiou, predmetom a textom správy so správne zakódovanými znakmi a pripravený HTML odkaz na vloženie.
- Generátor QR kódov Vytvor bezplatné QR kódy pre odkazy, text, Wi-Fi, kontakty, e-mail a SMS. Pridaj farby a logo a stiahni PNG alebo SVG. Nič neopustí tvoje zariadenie.
- Generátor UTM odkazov Vytvor URL kampaní s parametrami UTM pre Google Analytics, jeden odkaz alebo stovky naraz, so zachovaním existujúcich reťazcov dotazu a exportom do CSV.