Nevidíte obrázky v e-maile? Štýlovaný alt text ukáže nadpis.

Štýlovaný alt text je alternatívny text obrázka s nastaveným písmom, farbou a veľkosťou, ktorý e-mailový program zobrazí ako nadpis, keď sa obrázok nenačíta. E-mail vďaka nemu dáva zmysel aj príjemcom, ktorým program obrázky zablokuje, napríklad v klasickom Outlooku alebo Thunderbirde. Stačí pri obrázku vyplniť alt text a v e-mail editore Quandy mu nastaviť vzhľad. Namiesto prázdneho rámčeka potom príjemca prečíta výrazný nadpis, napríklad „Jesenný výpredaj: zľava 30 %“. V článku nájdete, ktoré programy obrázky blokujú, veľké porovnanie, kde všade sa štýlovaný alt text zobrazí, a postup nastavenia v Quande.

V skratke

1. Klasický Outlook pre Windows a Thunderbird obrázky v predvolenom nastavení blokujú. Gmail ich skryje pri podozrivých správach a vypnúť si ich môže každý príjemca.
2. Preto je potrebné pri každom obrázku vyplniť alt text. Bez neho zostane po obrázku prázdne miesto.
3. E-mail editor Quandy vie alt text navyše naštýlovať: zvolíte písmo, farbu, veľkosť, tučné písmo aj zarovnanie.
4. Program, ktorý štýlovaný alt text podporuje, ho namiesto obrázka zobrazí ako výrazný nadpis. Príjemca tak nevidí len prázdne miesto.
5. Štýlovaný alt text zobrazí Gmail, Pošta v iPhone a iPade, Apple Mail, Thunderbird, Outlook.com aj Seznam.cz. Podľa podielov Litmusu to pokrýva zhruba 91 % otvorení.
6. Klasický Outlook pre Windows ukáže alt text len ako obyčajný text. Dôležité slová preto patria na začiatok.

Stručne: čo to je, čo urobiť, ako to nastaviť a na čo si dať pozor

• Čo to je: alt text s nastaveným písmom, farbou a veľkosťou, ktorý sa namiesto nenačítaného obrázka zobrazí ako nadpis.
• Čo urobiť: vyplniť alt text a v Quande ho naštýlovať ako nadpis.
• Ako to nastaviť: v e-mail editore Quandy v pravom menu obrázka, pole Názov obrázka a prepínač Nastaviť vzhľad.
• Na čo si dať pozor: text, ktorý sa nezmestí do plochy obrázka, časť programov oreže alebo nezobrazí.

Čo sa zmenilo od vydania článku: Článok vyšiel v decembri 2020 pod názvom „Nevidíte obrázky? Nevadí. Prečítajte si nadpis. Predstavujeme chytré riešenie, keď e-mailové programy bránia načítavaniu obrázkov.“ Tvrdenie, že väčšina e-mailových klientov obrázky blokuje, už neplatí. Gmail, Apple Mail aj Yahoo ich dnes načítavajú automaticky a v predvolenom nastavení ich blokuje hlavne klasický Outlook a Thunderbird. Doplnili sme prehľad dnešných programov podľa ich dokumentácie a aktuálne podiely podľa Litmusu. Pôvodné tabuľky podpory štýlovaného alt textu sme rozdelili na webové schránky, programy v počítači a mobilné aplikácie, vyradili z nich programy, ktoré sa už nepoužívajú, napríklad telefóny BlackBerry a Windows Phone, a doplnili výpočet pokrytia podľa podielov otvorení. Pribudli rady, ako alt text písať, a postup nastavenia v Quande krok za krokom.

Čo je alt text a štýlovaný alt text

Alt text je krátky textový popis obrázka, ktorý sa zobrazí namiesto obrázka, keď sa obrázok nenačíta. Technicky ide o atribút alt značky img v HTML kóde e-mailu, odtiaľ názov. Po slovensky sa mu hovorí aj alternatívny text obrázka, v Quande ho nájdete ako Názov obrázka.

Štýlovaný alt text je alt text, ktorému nastavíte písmo, veľkosť, farbu a ďalšie vlastnosti vzhľadu. Bez štýlu sa alt text zobrazí drobným písmom predvolenej farby, ktoré si skoro nikto nevšimne. So štýlom sa z neho stane nadpis, ktorý na prvý pohľad vyzerá ako súčasť e-mailu. Práve toto vie e-mail editor Quandy navyše: alt text nielen vyplníte, ale aj naštýlujete.

Alt text má dve úlohy:

• Náhrada obrázka. Keď e-mailový program obrázok nestiahne alebo sa obrázok nepodarí načítať, ukáže na jeho mieste alt text. Príjemca tak stále vie, čo mu chcete povedať.
• Prístupnosť. Čítačky obrazovky, ktoré používajú nevidiaci a slabozrakí ľudia, alt text nahlas prečítajú. Bez neho čítačka obrázok preskočí alebo prečíta názov súboru, napríklad „banner_final_v3.jpg“.

Kedy e-mailové programy bránia načítaniu obrázkov

Obrázky v hromadných e-mailoch nie sú prílohou správy. Sú uložené na serveri a e-mailový program ich sťahuje až pri otvorení. Práve toto sťahovanie môžu programy zablokovať, pretože podľa obrázkov môže odosielateľ zistiť, že ste e-mail otvorili. Microsoft to vo svojej nápovede uvádza ako hlavný dôvod, prečo Outlook obrázky v predvolenom nastavení nesťahuje.

Namiesto obrázka teda uvidia alt text:

• príjemcovia v klasickom Outlooku pre Windows a v Thunderbirde, ktorí obrázky ručne nestiahli,
• ľudia, ktorí si sťahovanie obrázkov vypli sami, napríklad v Gmaile alebo v Apple Maile,
• príjemcovia správ, ktoré Gmail vyhodnotí ako podozrivé, alebo správ v priečinku so spamom v Yahoo Maile,
• príjemcovia s pomalým pripojením alebo za firemným filtrom, ktorý obrázky odstráni,
• všetci, ktorí e-mail počúvajú cez čítačku obrazovky.

Koľko je to ľudí, závisí od toho, komu posielate. Podľa spoločnosti Litmus, ktorá meria otvorenia e-mailov, vyzerá podiel e-mailových programov takto:

Celosvetovo teda pripadá na Outlook necelých 6 % otvorení. Litmus však meria prevažne spotrebiteľské e-maily. Ak posielate firmám, je Outlook vo vašej databáze oveľa silnejší. Z praxe vieme, že desktopový Outlook vo firmách obrázky bežne nesťahuje.

Ktoré e-mailové programy blokujú obrázky

Väčšina dnešných e-mailových programov obrázky načítava automaticky. Výnimkou je klasický Outlook pre Windows a Thunderbird, ktoré ich v predvolenom nastavení blokujú.

Zdroj: Microsoft, Block or unblock automatic picture downloads in classic Outlook a How do I display external images in emails; Microsoft 365 Roadmap; Google, Turn images on or off in Gmail; Apple, Mail Privacy Protection; Mozilla, Remote Content in Messages; Yahoo Help, Block images in Yahoo Mail. Stav k októbru 2026.

Tip: Ochrana súkromia v Maile na zariadeniach Apple sťahuje obrázky automaticky aj pri e-mailoch, ktoré si príjemca nikdy neotvorí. Otváranosť preto býva nadsadená. Viac o tom píšeme v článku Otváranosť e-mailov: je 20 % veľa alebo málo?

Štýlovaný alt text: nadpis namiesto obrázka

Štýlovaný alt text premení prázdne miesto po obrázku na nadpis. Ukážeme to na jednoduchom testovacom e-maile s fotkou jarnej lúky. Snímky pochádzajú z nášho testu v češtine. Takto ho vidí príjemca, ktorému sa obrázky načítali:

A takto príjemca, ktorý má obrázky zablokované. Namiesto fotky vidí zelený tučný nadpis „Jarní slunce v přírodě“ (Jarné slnko v prírode), ktorý sme nastavili ako štýlovaný alt text:

V Gmaile vyzerá e-mail s nenačítanými obrázkami podobne. Nad správou je pruh, že sa obrázky nezobrazujú, a namiesto fotky je ten istý zelený nadpis:

Namiesto obrázka tak príjemca prečíta informáciu, ktorú obrázok niesol, alebo výzvu, aby si obrázky stiahol. E-mail vyzerá upravene, aj keď sa z neho nenačítalo nič.

Kde sa štýlovaný alt text zobrazí: veľké porovnanie

Štýlovaný alt text zobrazí väčšina webových schránok a mobilných aplikácií, Apple Mail aj Thunderbird. Nezobrazí ho klasický Outlook pre Windows, ktorý alt text ukáže len ako obyčajný text. Nižšie nájdete tri samostatné tabuľky: webové schránky, programy v počítači a mobilné aplikácie. V každej uvidíte, či program ukáže alt text a či ukáže aj jeho štýl, teda nadpis namiesto obrázka. Ktoré programy obrázky vôbec blokujú, ukazuje tabuľka vyššie.

Aké je pokrytie štýlovaného alt textu

Pokrytie štýlovaného alt textu je podiel otvorení e-mailov v programoch, ktoré štýlovaný alt text zobrazia. Vypočítali sme ho z podielov e-mailových programov podľa Litmusu a z tabuliek nižšie.

Zhruba deväť otvorení z desiatich teda prebehne v programe, ktorý štýlovaný alt text zobrazí ako nadpis. Číslo je orientačné: podiel Applu nadsadzuje Ochrana súkromia v Maile, ktorá obrázky sťahuje automaticky, a podiel Outlooku je vo firemných databázach vyšší. Ak posielate hlavne firmám, počítajte s tým, že časť príjemcov uvidí len obyčajný alt text v Outlooku.

Webové schránky

Webové schránky sú e-mailové programy, ktoré nemáte nainštalované v počítači a prihlasujete sa do nich cez webový prehliadač. Štýlovaný alt text zobrazia skoro všetky.

Programy v počítači

Programy v počítači sú e-mailové programy nainštalované vo Windows alebo na Macu. Tu je obraz najpestrejší: Apple Mail a Thunderbird štýlovaný alt text zobrazia, klasický Outlook pre Windows nie.

Historické údaje z testu Litmusu z roku 2016, programy sa dnes už bežne nepoužívajú: Lotus Notes 8.5 alt text zobrazil bez štýlu, Pošta vo Windows 10 ho nezobrazila vôbec a AOL Mail v Internet Exploreri ho ukázal bez štýlu.

Mobilné aplikácie

Mobilné aplikácie sú e-mailové programy v telefónoch a tabletoch, kde sa dnes otvára väčšina e-mailov. Štýlovaný alt text zobrazia takmer všetky, výnimkou je Yahoo Mail pre Android.

Zdroj všetkých troch tabuliek: Litmus, The Ultimate Guide to Styled ALT Text in Email (2016), doplnené o vlastné testy Quandy z roku 2020 v Seznam.cz, Thunderbirde, Gmaile a Outlooku z Microsoft 365.

Čo je dobré k tabuľkám vedieť:

• Dáta sú z testov, nie z dokumentácie. Výrobcovia e-mailových programov podporu štýlovaného alt textu neopisujú. Tabuľky vychádzajú z testu Litmusu z roku 2016 a z našich testov z roku 2020. Programy sa medzitým aktualizovali, preto e-mail vždy vyskúšajte sami.
• Nie každý štýl funguje všade. Podľa Litmusu farbu textu podporujú takmer všetky programy, ktoré štýlovaný alt text zobrazia. Písmo, veľkosť a tučnosť sa správajú menej jednotne, niekde sa použije len časť nastavenia.
• Text sa musí zmestiť do plochy obrázka. Alt text sa zobrazuje na mieste, kde by bol obrázok. Keď je dlhší alebo vyšší, ako je plocha obrázka, časť programov ho oreže alebo nezobrazí vôbec. Pri veľkom písme voľte menej slov.
• Záleží aj na prehliadači. Pri webových schránkach môže tá istá schránka v rôznych prehliadačoch zobraziť alt text inak, ako ukazuje GMX a Web.de.
• Kde sa blokuje najviac, štýl nefunguje. Klasický Outlook pre Windows obrázky blokuje a štýlovaný alt text neukáže. Aj tam však vyplnený alt text pomôže, príjemca si ho prečíta v upozornení.

Háčik: štýlovaný alt text v Outlooku

Klasický Outlook pre Windows alt text síce zobrazí, ale len ako ďalší neformátovaný riadok na konci upozornenia, že stiahnutie obrázka zablokoval. Nastavené písmo, veľkosť ani farbu nepoužije:

Litmus opísal rovnaké správanie pri Outlooku 2003 až 2016 a v našom teste sa rovnako správal aj Outlook z Microsoft 365. Z toho plynú dve praktické pravidlá:

1. Dôležité slová dajte na začiatok alt textu. V Outlooku sa objavia až za upozornením, takže musia byť zrozumiteľné aj bez štýlu.
2. Nespoliehajte sa na to, že alt text zachráni e-mail zložený z obrázkov. Hlavné posolstvo, cenu a výzvu na akciu píšte textom.

Väčšina príjemcov však e-maily otvára v Apple Maile a Gmaile, kde štýlovaný alt text funguje. Preto sa ho oplatí nastavovať, aj keď ho Outlook neukáže celý.

Ako nastaviť a naštýlovať alt text obrázka v Quande

Alt text v Quande vyplníte a naštýlujete v e-mail editore pri každom obrázku zvlášť. Vyplnenie zabezpečí, že príjemca namiesto obrázka uvidí text. Naštýlovanie zabezpečí, že ten text bude vyzerať ako nadpis. Celé to zaberie pár minút.

1. V e-mail editore kliknite na obrázok, ku ktorému chcete alt text doplniť.
2. V pravom menu vyplňte pole Názov obrázka krátkym textom, ktorý nesie posolstvo obrázka.
3. Zapnite prepínač Nastaviť vzhľad.
4. Zvoľte písmo, veľkosť, farbu, štýl (tučné písmo alebo kurzíva), riadkovanie a zarovnanie tak, aby text pôsobil ako nadpis e-mailu.
5. Na kontrolu vystrihnite adresu obrázka z poľa Vložiť adresu obrázka z webu klávesmi Ctrl+X. Editor namiesto obrázka ukáže štýlovaný alt text. Adresu potom vráťte späť klávesmi Ctrl+V.
6. Pošlite si testovací e-mail do klasického Outlooku alebo Thunderbirdu a obrázky nesťahujte. V Gmaile si na test zapnite v nastaveniach otázku pred zobrazením externých obrázkov.

Ako sa v e-mail editore pracuje s obrázkami a ďalšími obsahovými prvkami, popisuje návod E-mail editor jednoduchej e-mailovej kampane v pomocníkovi.

Pri štýlovaní myslite na tri veci:

• Farba. Bez obrázka leží text priamo na farbe pozadia riadku alebo e-mailu. Zvoľte farbu, ktorá je na ňom dobre čitateľná, ideálne farbu nadpisov vášho e-mailu.
• Veľkosť. Veľké písmo vyzerá ako nadpis, ale zaberie viac miesta. Text sa musí zmestiť do plochy obrázka, inak ho časť programov oreže.
• Písmo. Použite bežné písmo, ktoré je v počítačoch aj telefónoch, napríklad Arial. Neobvyklé písmo program nahradí predvoleným.

Ako pripraviť samotné obrázky, opisujú články Ako orezať obrázok na požadovanú veľkosť a JPG, PNG alebo GIF?

Ako napísať alt text, ktorý funguje ako nadpis

Dobrý alt text povie to isté čo obrázok, len slovami. Neopisuje, ako obrázok vyzerá, ale čo hovorí. Pravidlá prístupnosti WCAG to formulujú tak, že textová alternatíva musí plniť rovnakú funkciu ako obrázok.

Pri písaní sa držte týchto zásad:

• Stručne. Jedna veta alebo heslo, zvyčajne do 100 znakov. Štýlovaný alt text s veľkým písmom sa musí zmestiť do plochy obrázka.
• Ako nadpis. Pri hlavnom obrázku e-mailu napíšte alt text tak, aby fungoval ako titulok: čo ponúkate a prečo čítať ďalej.
• Bez zbytočných slov. Nezačínajte „Obrázok …“ ani „Fotka …“, čítačka obrazovky sama oznámi, že ide o obrázok.
• Pri tlačidlách a odkazoch akciu. Kto obrázok nevidí, potrebuje vedieť, čo sa po kliknutí stane.
• Text z obrázka prepíšte. Ak je v obrázku napísané posolstvo, patrí celé do alt textu.

Tip: Pri obrázku, bez ktorého e-mail stráca zmysel, napríklad pri infografike, môže alt text príjemcu priamo vyzvať: „Infografika: 5 krokov k lepšiemu newslettru. Zobrazte obrázky.“

Ako navrhnúť e-mail, ktorý funguje aj bez obrázkov

Štýlovaný alt text je poistka, nie náhrada obsahu. E-mail, ktorý dáva zmysel aj bez obrázkov, spoznáte podľa toho, že po ich vypnutí príjemca stále vie, čo mu ponúkate a kam má kliknúť.

• Posolstvo píšte textom. Nadpis, cenu, termín a hlavný argument dajte do textového bloku, nie do obrázka.
• Tlačidlo ako tlačidlo. V Quande použite obsahový prvok Tlačidlo namiesto obrázka tlačidla. Zobrazí sa vždy, aj bez obrázkov.
• Pozor na e-mail z jedného obrázka. SPAM test v Quande hlási ako častý obsahový prehrešok e-mail tvorený jedným obrázkom a e-mail, v ktorom je viac obrázkov ako textu. Popis nájdete v návode Nastavenie odoslania v jednoduchej kampani.
• Farba pozadia namiesto obrázka na pozadí. Nie všetky programy obrázok na pozadí zobrazia. Nastavte preto aj farbu pozadia, na ktorej bude text čitateľný. Viac v článku Jesenné novinky v e-mail editore.

Pozor: Testovací e-mail si pozrite aj s vypnutými obrázkami. Prázdne miesto, ktoré v e-mail editore vyzerá ako šikovná medzera, môže v Outlooku znamenať bielu plochu s červeným krížikom cez pol obrazovky.

Kontrolný zoznam: e-mail pripravený na zablokované obrázky

• Každý obrázok s posolstvom má vyplnený Názov obrázka.
• Alt text hlavných obrázkov má zapnutý vzhľad a vyzerá ako nadpis.
• Alt text je krátky, zmestí sa do plochy obrázka a najdôležitejšie slová má na začiatku.
• Alt text pri obrázku s odkazom hovorí, čo sa po kliknutí stane.
• Farba štýlovaného alt textu je čitateľná na pozadí e-mailu.
• Hlavné posolstvo a cena sú napísané textom.
• Výzva na akciu je obsahový prvok Tlačidlo, nie obrázok.
• Testovací e-mail ste si pozreli v Outlooku alebo Gmaile s vypnutými obrázkami.

Na záver: nadpis funguje aj bez fotiek

Obrázky robia e-mail krajším, ale posolstvo nesú slová. Keď každému obrázku dáte krátky alt text a naštýlujete ho ako nadpis, príjemca vašej správe porozumie v Gmaile, v Apple Maile aj vo firemnom Outlooku so zablokovanými obrázkami.

Ako písať a navrhovať e-maily, ktoré sa čítajú, sa naučíte v online kurze Copywriting a dizajn e-mailov, ktoré sa čítajú. Ak si neviete rady, napíšte nám na support@onquanda.com alebo zavolajte na +420 605 163 892. E-mail s vami môžeme prejsť aj na konzultácii zdarma.

Ak máte vlastnú skúsenosť so štýlovaním alt textov a ich zobrazením, podeľte sa s nami.

Držím vám palce
Jan Spáčil