Best practices
Osvědčené postupy a technické tipy pro vytvoření emailového podpisu, který funguje spolehlivě ve všech emailových klientech.
Kompatibilita s email klienty
Největší výzvou při tvorbě emailových podpisů je zajistit, aby vypadaly správně ve všech emailových klientech. Každý klient renderuje HTML jinak.
Klíčová pravidla:
Outlook nepodporuje CSS flexbox ani grid
Většina klientů ignoruje external stylesheets
Webové fonty nefungují - používejte Arial, Helvetica
Zajistí správné zobrazení na všech obrazovkách
| Klient | Tabulky | Inline CSS | Obrázky |
|---|---|---|---|
| Outlook Windows | Omezeno | ||
| Gmail | |||
| Apple Mail | |||
| Outlook.com |
Optimalizace obrázků
Logo
- • Formát: PNG (průhlednost) nebo JPG
- • Šířka: 150-200px
- • Max velikost: 50KB
- • Retina: 2× rozlišení pro ostrost
Profilová fotka
- • Formát: JPG (menší velikost)
- • Rozměry: 100×100px až 150×150px
- • Max velikost: 30KB
- • Kvalita: 80% komprese
Outlook a obrázky
Outlook ve výchozím nastavení blokuje externí obrázky. Proto je důležité mít smysluplný alt text a zajistit, aby byl podpis čitelný i bez obrázků.
Dark mode kompatibilita
Stále více uživatelů používá tmavý režim. Váš podpis by měl být čitelný v obou režimech.
Light mode
Jan Novák
Obchodní ředitel
jan@firma.cz
Dark mode
Jan Novák
Obchodní ředitel
jan@firma.cz
Tipy pro dark mode:
- Logo s průhledným pozadím nebo bílým obrysem
- Vyhněte se čistě černému textu (#000000)
- Testujte kontrasty barev v obou režimech
- Odkazy dostatečně světlé pro tmavé pozadí
Mobilní optimalizace
Více než 60% emailů se čte na mobilních zařízeních. Váš podpis musí být čitelný na malých obrazovkách.
Velikost textu
- • Jméno: min. 16px
- • Pozice: min. 14px
- • Kontakty: min. 14px
- • Drobný text: min. 12px
Klikatelné oblasti
- • Min. výška odkazu: 44px
- • Dostatečné odsazení
- • Telefon s tel: protokolem
- • Email s mailto: protokolem
Výkon a rychlost
Celková velikost podpisu
Včetně obrázků
Počet obrázků
Méně = rychlejší načítání
CDN hosting
Rychlé načítání obrázků
HTML kód
Čistý, minifikovaný
Kontrolní seznam
Vytvořte podpis podle best practices
Náš generátor automaticky aplikuje všechny osvědčené postupy. Vy se staráte jen o obsah.
Vyzkoušet generátor
Používáme cookies
Abychom vám poskytli co nejlepší zážitek, používáme soubory cookies pro zajištění funkčnosti webu, analýzu návštěvnosti a cílení reklamy. Svůj souhlas můžete kdykoli změnit nebo odvolat. Více informací naleznete v našich Zásadách používání souborů cookies.