Obrázky v e-maile: pomer textu a obrázkov a čo funguje

Obrázky v e-maile sú fotky, logá, ikony a grafika, ktoré dopĺňajú text správy a ukazujú produkt, človeka alebo výsledok. Fungujú dobre, keď e-mail dáva zmysel aj bez nich: hlavné posolstvo a výzva na akciu sú napísané textom a obrázok ich ilustruje. Pevný pomer textu a obrázkov neexistuje, často sa uvádza zhruba 60 % textu a 40 % obrázkov. Problém nastáva pri e-maile z jedného veľkého obrázka, ktorý spamové filtre neprečítajú a klasický Outlook pre Windows ho po otvorení nezobrazí. V článku nájdete, ako vizuálny obsah v e-maile vyvážiť, kde sa obrázky nezobrazia, postup prípravy obrázkov v šiestich krokoch a odkazy na podrobné návody k formátu, veľkosti, alt textu a zdrojom obrázkov.

V kocke

1. Ponuku, cenu, termín a výzvu na akciu píšte textom, obrázok ich len ilustruje.
2. E-mail z jedného veľkého obrázka riskuje spam: v dátach Mailchimpu bol „malý podiel textu voči ploche obrázkov“ najčastejším spamovým nálezom.
3. Apple a Gmail majú podľa Litmusu viac ako 90 % otvorení a obrázky zobrazia hneď, Outlook v počítači, častý vo firmách, ich blokuje.
4. Obrázok na celú šírku e-mailu pripravte zhruba 1 240 px široký a súbor držte do 2 MB.
5. Ku každému obsahovému obrázku vyplňte alternatívny text, namiesto obrázka sa zobrazí, keď sa nenačíta.
6. Pred odoslaním si pošlite testovací e-mail a otvorte ho aj bez obrázkov a v tmavom režime.

Stručne: čo sú obrázky v e-maile, aké druhy existujú, kde sa nezobrazia a čo hrozí

• Čo to je: vizuálny obsah e-mailu, teda fotky, logá, ikony, grafy a animácie vedľa textu správy.
• Aké druhy: fotka produktu alebo ľudí, logo v hlavičke, ikony pri výhodách, graf s výsledkami, animovaný GIF.
• Kde sa nezobrazia: v klasickom Outlooku pre Windows a v Outlooku pre Mac, kým ich príjemca nestiahne, a v Gmaile pri správach, ktoré vyhodnotí ako podozrivé.
• Čo hrozí: e-mail bez čitateľného textu skončí v spame, príjemca bez obrázkov nepochopí ponuku a veľké súbory sa dlho načítavajú v mobile.

Čo sa zmenilo od vydania článku: Pôvodný článok z júna 2017 zhrnul prieskum o vizuálnom obsahu v marketingu a na sociálnych sieťach. V októbri 2026 sme ho prepísali na praktický návod k obrázkom v e-maile: pribudol pomer textu a obrázkov, prehľad e-mailových programov, ktoré obrázky blokujú, postup prípravy obrázkov v šiestich krokoch a odkazy na podrobné návody. Štatistiky z rokov 2016 a 2017 o sociálnych sieťach sme vynechali, pretože sa e-mailu netýkali.

Čo sú obrázky v e-maile a na čo slúžia

Obrázok v e-maile je súbor uložený na serveri, ktorý e-mailový program stiahne a zobrazí pri otvorení správy. Na rozdiel od textu nie je súčasťou samotného e-mailu. Ak ho program nestiahne, príjemca namiesto neho uvidí prázdne miesto alebo alternatívny text.

Obrázky v e-maile slúžia hlavne na tri veci:

• Ukázať, o čom hovoríte: produkt, prostredie, človeka alebo výsledok, ktorý sa textom opisuje zle.
• Uľahčiť orientáciu: logo v hlavičke, ikony pri výhodách alebo graf s číslami pomôžu čitateľovi rýchlo pochopiť, kde je a čo je dôležité.
• Vytvoriť dojem značky: rovnaké farby, štýl fotiek a logo robia z newslettera rozpoznateľnú správu.

Obrázok, ktorý nič neukazuje, e-mail len predĺži a spomalí načítanie. Fotku z fotobanky, ktorá by sa hodila ku ktorejkoľvek firme, radšej vynechajte.

Aký je správny pomer textu a obrázkov v e-maile

Pomer textu a obrázkov je vzťah medzi množstvom textu v e-maile a plochou, ktorú zaberajú obrázky. Oficiálnu hodnotu nestanovuje žiadny e-mailový program ani spamový filter. V praxi sa často uvádza zhruba 60 % textu a 40 % obrázkov, ale je to orientačné vodidlo, nie pravidlo.

Prečo na pomere záleží: spamové filtre text vnútri obrázka neprečítajú. Spameri to kedysi využívali a posielali e-maily, ktoré boli len jedným veľkým obrázkom. Filtre preto e-mail s malým množstvom textu a veľkými obrázkami hodnotia ako rizikový.

Zdroj: Mailchimp, The Most Common Spam Filter Triggers (2009); Litmus, Email Image Blocking: Answering the What, Why, Where, Who, and How (2017, aktualizácia 2021).

Dáta Mailchimpu sú staršie, ale princíp platí ďalej: dnes o doručení rozhoduje hlavne povesť odosielateľa, overená doména a záujem príjemcov, a e-mail z jedného obrázka k tomu pridáva zbytočné riziko. Viac o tom, čo dnes rozhoduje o spame, nájdete v článku Čo je spam a 4 pravidlá, aby e-maily nepadali do spamu.

Pozor: Najhoršia kombinácia je e-mail, kde je celá ponuka, cena aj tlačidlo súčasťou jedného obrázka. Spamový filter v ňom nenájde text, čítačka obrazovky nič neprečíta a v Outlooku pre Windows príjemca po otvorení uvidí len prázdne miesto.

Koľko obrázkov dať do e-mailu

Do e-mailu dajte toľko obrázkov, koľko ich má svoj účel. Pevné číslo, ktoré by platilo pre newsletter, ponuku aj servisnú správu, žiadny overený prieskum neuvádza. Rozhoduje typ e-mailu a to, čo má príjemca urobiť.

E-mail, ktorý vyzerá ako osobná správa, často funguje aj úplne bez obrázkov. Ako písať text, ktorý ľudia dočítajú, opisuje článok Copywriting e-mailov: ako písať texty, ktoré ľudia čítajú.

Kde sa obrázky v e-maile nezobrazia

Blokovanie obrázkov znamená, že e-mailový program obrázky pri otvorení správy automaticky nestiahne a zobrazí ich až na pokyn príjemcu. Robia to hlavne programy v počítači od Microsoftu, kvôli bezpečnosti a sledovaniu otvorení.

Zdroj: Microsoft, nápoveda k blokovaniu automatického sťahovania obrázkov v e-mailových správach; Google, nápoveda Gmailu k zobrazovaniu obrázkov v e-mailoch; Litmus, Email Image Blocking (aktualizácia 2021).

Podľa Litmusu tvoria Apple a Gmail spolu viac ako 90 % sledovaných otvorení, takže väčšina príjemcov obrázky uvidí. Outlook v počítači ale býva častý vo firmách, a pri B2B e-mailoch tak môže obrázky blokovať podstatná časť príjemcov.

Pre prípad, keď sa obrázky nenačítajú, vyplňte alternatívny text. V Quande ho môžete aj naštýlovať, aby sa namiesto obrázka zobrazil farebný nadpis. Postup nájdete v článku Nevidíte obrázky v e-maile? Štýlovaný alt text ukáže nadpis. Ako automatické sťahovanie obrázkov v Apple Mail ovplyvňuje mieru otvorenia, vysvetľuje článok Apple Mail Privacy Protection: čo mení na miere otvorenia.

Ako pripraviť obrázky do e-mailu: 6 krokov

Obrázky do e-mailu pripravíte v šiestich krokoch: napíšete hlavné posolstvo textom, zvolíte formát, pripravíte veľkosť, vyplníte alternatívny text, skontrolujete tmavý režim a pošlete si testovací e-mail.

Krok 1: Napíšte hlavné posolstvo textom

Ponuku, cenu, termín a výzvu na akciu napíšte do textu e-mailu, nie do obrázka, aby ich príjemca videl aj bez obrázkov. Tlačidlo vytvorte ako tlačidlo v editore, nie ako obrázok tlačidla. Text v obrázku je navyše na mobile často taký malý, že sa nedá prečítať.

Krok 2: Zvoľte správny formát

Fotky uložte ako JPG, logá a grafiku s textom ako PNG a animácie ako GIF. V našom meraní mala rovnaká fotka 1 240 × 827 px ako PNG 2,0 MB a ako JPG s kvalitou 80 % len 242,9 kB. Formáty WebP, AVIF, SVG a HEIC všetky e-mailové programy nezobrazia. Podrobné porovnanie nájdete v článku JPG, PNG alebo GIF? Aký typ súboru obrázkov použiť pre e-mailing.

Krok 3: Pripravte veľkosť obrázka

Obrázok orežte na pomer strán podľa miesta v e-maile, zmenšite ho na dvojnásobok šírky tohto miesta a súbor držte čo najmenší, určite do 2 MB. Predvolená šírka e-mailu v Quande je 650 px, obrázok na celú šírku má po odpočítaní okrajov 618 px, takže súbor pripravte zhruba 1 240 px široký. Dvojnásobok je potrebný kvôli displejom s vysokým rozlíšením, ako sú iPhony a Macy s displejom Retina.

Postup v online editore opisujú články Ako orezať obrázok na požadovanú veľkosť a Ako zmeniť veľkosť obrázka online.

Krok 4: Vyplňte alternatívny text

Ku každému obrázku napíšte krátky alternatívny text, ktorý opisuje, čo obrázok hovorí. Dekoratívnym obrázkom nechajte alternatívny text prázdny. Alternatívny text (alt text) je popis obrázka, ktorý e-mailový program zobrazí namiesto obrázka, keď sa nenačíta, a ktorý nahlas prečíta čítačka obrazovky. Píšte „Jarná kolekcia topánok so zľavou 20 %“, nie „banner1.jpg“ ani „obrázok“.

Krok 5: Skontrolujte tmavý režim

Logo a grafiku s priehľadným pozadím vyskúšajte na tmavom pozadí a tmavému textu na priehľadnom pozadí pridajte svetlý obrys. Tmavý režim je zobrazenie, v ktorom e-mailový program ukáže e-mail so svetlým textom na tmavom pozadí. Podľa Litmusu niektoré programy farby nemenia vôbec (Apple Mail, Gmail na počítači), iné prevrátia len svetlé plochy (Outlook.com, aplikácia Outlook v mobile, Gmail pre Android) a ďalšie prevrátia všetky farby (Gmail pre iPhone, Outlook pre Windows). Čierne logo na priehľadnom pozadí potom na tmavom pozadí zmizne. Ako s farbami pracovať, opisuje článok Psychológia farieb v marketingu: ako mať farby na svojej strane.

Krok 6: Pošlite si testovací e-mail

Testovací e-mail otvorte na počítači aj na mobile, so zapnutými aj vypnutými obrázkami, a pred odoslaním skontrolujte výsledok SPAM testu. V Gmaile obrázky vypnete v nastaveniach v sekcii Obrázky voľbou, aby sa pred zobrazením externých obrázkov pýtal. Ak z e-mailu bez obrázkov nespoznáte, o čo ide a kam kliknúť, presuňte dôležitý text z obrázkov do textu.

Kde vziať obrázky do e-mailu

Obrázky do e-mailu môžete vziať z troch zdrojov a každý má iné výhody:

Prehľad fotobánk s licenciami nájdete v článku Fotky zadarmo do e-mailu: kde ich nájsť a ako ich použiť, porovnanie nástrojov a návod na prompty v článku AI generátory obrázkov: veľké porovnanie a návod na prompty.

Obrázky v e-maile v Quande

V Quande vkladáte obrázky do e-mailu v e-mail editore blokom Obrázok a jeho nastavenia meníte v pravom paneli. Obrázok sa vždy prispôsobí priestoru, ktorý v e-maile má. Pre mobil môžete nastaviť vlastnú šírku obrázka od 10 do 100 %, takže logo môže byť na počítači malé a na mobile väčšie.

Rozmery obrázkov vysvetľuje návod Rozmer obrázka v e-mailovej kampani.

Quanda k e-mailu automaticky vytvára textovú verziu, ktorú môžete upraviť v e-mail editore. E-mail tak nemá len HTML časť. SPAM test v nastavení odoslania kampane hodnotí aj pomer textu a obrázkov: e-mail s malým množstvom textu a veľkými obrázkami dostane horší výsledok. Postup je v návode Nastavenie odoslania v jednoduchej kampani.

Tip: Ak chcete e-mail navrhnúť vlastným kódom, dodržte rovnaké zásady aj v HTML: obrázky s alternatívnym textom, text ako text a kód do 102 kB, aby ho Gmail neorezal. Viac v článku Ako vytvoriť HTML e-mail: 7 zásad, aby sa nerozpadol.

Checklist obrázkov pred odoslaním e-mailu

Pred odoslaním skontrolujte:

• Ponuka, cena, termín a výzva na akciu sú napísané textom.
• E-mail nie je jeden veľký obrázok a dáva zmysel aj bez obrázkov.
• Každý obrázok má v e-maile svoj účel.
• Fotky sú JPG, logá a grafika PNG, animácie GIF.
• Obrázky majú dvojnásobok šírky miesta v e-maile a žiadny súbor nemá viac ako 2 MB.
• Obsahové obrázky majú alternatívny text, dekoratívne prázdny.
• Logo je čitateľné aj v tmavom režime.
• Testovací e-mail som otvoril na počítači, na mobile a bez obrázkov.
• SPAM test nehlási problém.

Záverom

Obrázky e-mailu pomáhajú, keď ukazujú niečo, čo text nevie, a keď e-mail funguje aj bez nich. Píšte hlavné posolstvo textom, obrázky pripravte v správnom formáte a veľkosti a vždy si pošlite testovací e-mail. Ak chcete s e-mailovou kampaňou pomôcť, napíšte nám na support@onquanda.com, zavolajte na +420 605 163 892 alebo si dohodnite konzultáciu zdarma. Ako s obrázkami pracovať v celom e-maile, ukazuje online kurz zdarma Copywriting a dizajn e-mailov, ktoré sa čítajú.