Utilia

Generátor e-mailového podpisu

Vytvoř profesionální HTML podpis do e-mailu s fotkou nebo logem, kontakty a odkazy na sítě a zkopíruj ho do Gmailu, Outlooku nebo Apple Mail.

Tvé údaje
Profily na sociálních sítích

Vlož celou adresu profilu, např. https://www.linkedin.com/in/tvoje-jmeno.

Logo nebo fotka

Místní obrázek se do podpisu vloží jako data URI (zmenšený na 240 px). Mnoho e-mailových klientů, včetně Gmailu a Outlooku, vložené obrázky blokuje nebo odstraňuje: lépe funguje URL obrázku na webu.

Vzhled

Náhled

Obrázky z URL se v tomto náhledu nemusí zobrazit (stránka blokuje externí obrázky), ale ve tvých e-mailech se zobrazí.

Kontroly

Jak vytvořit e-mailový podpis

  1. Vyplň Tvé údaje: celé jméno, pracovní pozici, firmu, e-mail, telefon, mobil, web a adresu. Prázdné pole skryje svůj řádek.
  2. Vlož celé adresy do Profily na sociálních sítích (LinkedIn, X, Instagram, Facebook, YouTube, GitHub). Zobrazí se jako textové odkazy ve zvýrazňovací barvě.
  3. Přidej Logo nebo fotka. Nejlepší volbou je URL obrázku na webu (doporučeno): adresa https:// obrázku, který už je na tvém webu. Můžeš také vybrat místní soubor, který se do podpisu vloží (omezení najdeš níže).
  4. Vyber Šablona (Klasická (obrázek vedle), Pod sebou nebo Kompaktní), Zvýrazňovací barva, Písmo a Šířka obrázku. Zaškrtnutím Kulatý obrázek získáš kruhovou fotku.
  5. Zkontroluj Náhled, klikni na Kopírovat podpis a vlož ho do e-mailové aplikace. Kopírovat zdroj HTML a Stáhnout ti dají surový kód pro aplikace, které HTML přijímají.

Tlačítko Načíst příklad vyplní formulář ukázkovými údaji, takže si můžeš šablony vyzkoušet. Všechno probíhá ve tvém prohlížeči: nic, co zadáš nebo nahraješ, se nikam neodesílá.

Proč je podpis tvořen tabulkami a vloženými styly

E-mailové aplikace nejsou webové prohlížeče. Outlook pro Windows zobrazuje zprávy pomocí jádra Wordu, Gmail z podpisů odstraňuje bloky <style> a mnoho aplikací ignoruje moderní CSS, například flexbox nebo grid. Nástroj proto vytváří takové HTML, které přežije všude: rozvržení v tabulce s role="presentation", vložené atributy style u každého prvku, bezpečná webová písma (Arial, Verdana, Tahoma, Trebuchet MS, Georgia) a prosté textové odkazy místo ikon. Každá hodnota, kterou zadáš, se escapuje, takže zbloudilé < nebo & v názvu pozice kód nerozbije.

Telefonní čísla se změní na odkazy tel: (lze na ně klepnout v telefonu), e-mailová adresa na odkaz mailto: a webové adresy bez https:// se automaticky doplní. Odkazy, které nejsou webové adresy, se vynechají a objeví se v části Kontroly.

Obrázky: URL na webu, nebo vložený soubor?

Místní obrázek se převede na data URI, což znamená, že samotný obrázek je zapsán uvnitř HTML. Nástroj ho zmenší na 240 pixelů, aby byl malý, ale mnoho klientů data URI stejně blokuje nebo odstraňuje: Gmail je v podpisech odmítá, Outlook často zobrazí prázdný rámeček a příjemci mohou místo obrázku vidět přílohu. Obrázek hostovaný na webu (například https://www.example.com/logo.png) je lehčí a zobrazí se v mnohem více aplikacích. Nahraj logo na svůj web a vlož jeho URL. Obrázky načítané z URL se v náhledu na této stránce nemusí zobrazit, protože stránka z důvodu soukromí externí obrázky blokuje, ale ve tvých e-mailech se zobrazí.

Jak podpis přidat do e-mailové aplikace

  • Gmail: otevři Nastavení (ozubené kolo) → Zobrazit všechna nastavení → Obecné → Podpis → Vytvořit nový. Vlož ho pomocí Ctrl+V (Cmd+V) a dole na stránce klikni na Uložit změny. Gmail omezuje podpisy na 10 000 znaků.
  • Outlook (nový Outlook a Outlook na webu): Nastavení → Účet → Podpisy, vytvoř podpis, vlož ho a ulož. V klasickém Outlooku pro Windows: Soubor → Možnosti → Pošta → Podpisy.
  • Apple Mail: Mail → Nastavení → Podpisy, vyber svůj účet, klikni na +, vlož podpis a zruš zaškrtnutí Vždy použít písmo výchozí zprávy, aby se písma a barvy zachovaly.

Názvy položek v e-mailových aplikacích se podle jazyka rozhraní a verze mohou mírně lišit.

Časté dotazy

Proč se v odeslaných e-mailech zobrazuje rozbitý obrázek nebo příloha?

Obrázek je pravděpodobně vložen jako data URI, které mnoho e-mailových klientů blokuje. Použij raději URL obrázku na webu: je to nejspolehlivější způsob, jak zobrazit logo nebo fotku.

Proč vypadá kulatá fotka v Outlooku čtvercově?

Outlook pro Windows ignoruje styl border-radius. Pokud na tvaru záleží, ořízni fotku do kruhu a před použitím ji ulož jako PNG s průhledným pozadím.

Mohu HTML upravit sám?

Ano. Použij Kopírovat zdroj HTML nebo Stáhnout a kód uprav v libovolném textovém editoru. Tabulky a vložené styly ponech: většina e-mailových klientů šablony stylů a třídy ignoruje.

Proč jsou sociální sítě zobrazeny jako text, a ne jako ikony?

Ikony by byly obrázky a obrázky jsou ta část podpisu, která se blokuje nejčastěji. Textové odkazy se zobrazí vždy, zůstanou čitelné v tmavém režimu a podpis nezatěžují.

Ukládají se moje údaje nebo se někam odesílají?

Ne. Podpis se generuje ve tvém prohlížeči. Nic se nenahrává na server a stránka si po zavření nic nepamatuje.