Obrázky v e-mailu: poměr textu a obrázků a co funguje

Obrázky v e-mailu jsou fotky, loga, ikony a grafika, které doplňují text zprávy a ukazují produkt, člověka nebo výsledek. Fungují dobře, když e-mail dává smysl i bez nich: hlavní sdělení a výzva k akci jsou napsané textem a obrázek je ilustruje. Pevný poměr textu a obrázků neexistuje, často se uvádí zhruba 60 % textu a 40 % obrázků. Problém nastává u e-mailu z jednoho velkého obrázku, který spamové filtry nepřečtou a klasický Outlook pro Windows ho po otevření nezobrazí. V článku najdete, jak vizuální obsah v e-mailu vyvážit, kde se obrázky nezobrazí, postup přípravy obrázků v šesti krocích a odkazy na podrobné návody k formátu, velikosti, alt textu a zdrojům obrázků.

V kostce

1. Nabídku, cenu, termín a výzvu k akci pište textem, obrázek je jen ilustruje.
2. E-mail z jednoho velkého obrázku riskuje spam: v datech Mailchimpu byl „malý podíl textu vůči ploše obrázků“ nejčastějším spamovým nálezem.
3. Apple a Gmail mají podle Litmusu přes 90 % otevření a obrázky zobrazí hned, Outlook v počítači, častý ve firmách, je blokuje.
4. Obrázek přes celou šířku e-mailu připravte zhruba 1 240 px široký a soubor držte do 2 MB.
5. Ke každému obsahovému obrázku vyplňte alternativní text, místo obrázku se zobrazí, když se nenačte.
6. Před odesláním si pošlete testovací e-mail a otevřete ho i bez obrázků a v tmavém režimu.

Stručně: co jsou obrázky v e-mailu, jaké druhy existují, kde se nezobrazí a co hrozí

• Co to je: vizuální obsah e-mailu, tedy fotky, loga, ikony, grafy a animace vedle textu zprávy.
• Jaké druhy: fotka produktu nebo lidí, logo v hlavičce, ikony u výhod, graf s výsledky, animovaný GIF.
• Kde se nezobrazí: v klasickém Outlooku pro Windows a v Outlooku pro Mac, dokud je příjemce nestáhne, a v Gmailu u zpráv, které vyhodnotí jako podezřelé.
• Co hrozí: e-mail bez čitelného textu skončí ve spamu, příjemce bez obrázků nepochopí nabídku a velké soubory se dlouho načítají v mobilu.

Co se změnilo od vydání článku: Původní článek z června 2017 shrnoval průzkum o vizuálním obsahu v marketingu a sociálních sítích. V říjnu 2026 jsme ho přepsali na praktický návod k obrázkům v e-mailu: přibyl poměr textu a obrázků, přehled e-mailových programů, které obrázky blokují, postup přípravy obrázků v šesti krocích a odkazy na podrobné návody. Statistiky z let 2016 a 2017 o sociálních sítích jsme vynechali, protože se e-mailu netýkaly.

Co jsou obrázky v e-mailu a k čemu slouží

Obrázek v e-mailu je soubor uložený na serveru, který e-mailový program stáhne a zobrazí při otevření zprávy. Na rozdíl od textu není součástí samotného e-mailu. Pokud ho program nestáhne, příjemce místo něj uvidí prázdné místo nebo alternativní text.

Obrázky v e-mailu slouží hlavně ke třem věcem:

• Ukázat, o čem mluvíte: produkt, prostředí, člověka nebo výsledek, který se textem popisuje špatně.
• Usnadnit orientaci: logo v hlavičce, ikony u výhod nebo graf s čísly pomohou čtenáři rychle pochopit, kde je a co je důležité.
• Vytvořit dojem značky: stejné barvy, styl fotek a logo dělají z newsletteru rozpoznatelnou zprávu.

Obrázek, který nic neukazuje, e-mail jen prodlouží a zpomalí načítání. Fotku z fotobanky, která by se hodila ke kterékoli firmě, raději vynechte.

Jaký je správný poměr textu a obrázků v e-mailu

Poměr textu a obrázků je vztah mezi množstvím textu v e-mailu a plochou, kterou zabírají obrázky. Oficiální hodnotu nestanovuje žádný e-mailový program ani spamový filtr. V praxi se často uvádí zhruba 60 % textu a 40 % obrázků, ale je to orientační vodítko, ne pravidlo.

Proč na poměru záleží: spamové filtry text uvnitř obrázku nepřečtou. Spammeři toho dřív využívali a posílali e-maily, které byly jen jedním velkým obrázkem. Filtry proto e-mail s malým množstvím textu a velkými obrázky hodnotí jako rizikový.

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

Data Mailchimpu jsou starší, ale princip platí dál: dnes o doručení rozhoduje hlavně pověst odesílatele, ověřená doména a zájem příjemců, a e-mail z jednoho obrázku k tomu přidává zbytečné riziko. Víc o tom, co dnes rozhoduje o spamu, najdete v článku Co je spam a 4 pravidla, aby e-maily nepadaly do spamu.

Pozor: Nejhorší kombinace je e-mail, kde je celá nabídka, cena i tlačítko součástí jednoho obrázku. Spamový filtr v něm nenajde text, čtečka obrazovky nic nepřečte a v Outlooku pro Windows příjemce po otevření uvidí jen prázdné místo.

Kolik obrázků dát do e-mailu

Do e-mailu dejte tolik obrázků, kolik jich má svůj účel. Pevné číslo, které by platilo pro newsletter, nabídku i servisní zprávu, žádný ověřený průzkum neuvádí. Rozhoduje typ e-mailu a to, co má příjemce udělat.

E-mail, který vypadá jako osobní zpráva, často funguje i úplně bez obrázků. Jak psát text, který lidé dočtou, popisuje článek Copywriting e-mailů: jak psát texty, které lidé čtou.

Kde se obrázky v e-mailu nezobrazí

Blokování obrázků znamená, že e-mailový program obrázky při otevření zprávy automaticky nestáhne a zobrazí je až na pokyn příjemce. Dělají to hlavně programy v počítači od Microsoftu, kvůli bezpečnosti a sledování otevření.

Zdroj: Microsoft, Blokování nebo odblokování automatického stahování obrázků v e-mailových zprávách; Google, nápověda Gmailu Zobrazování obrázků v e-mailech; Litmus, Email Image Blocking (aktualizace 2021).

Podle Litmusu tvoří Apple a Gmail dohromady přes 90 % sledovaných otevření, takže většina příjemců obrázky uvidí. Outlook v počítači ale bývá častý ve firmách, a u B2B e-mailů tak může obrázky blokovat podstatná část příjemců.

Pro případ, kdy se obrázky nenačtou, vyplňte alternativní text. V Quandě ho můžete i nastylovat, aby se místo obrázku zobrazil barevný nadpis. Postup najdete v článku Nevidíte obrázky v e-mailu? Stylovaný alt text ukáže nadpis. Jak automatické stahování obrázků v Apple Mailu ovlivňuje míru otevření, vysvětluje článek Apple Mail Privacy Protection: co mění na míře otevření.

Jak připravit obrázky do e-mailu: 6 kroků

Obrázky do e-mailu připravíte v šesti krocích: napíšete hlavní sdělení textem, zvolíte formát, připravíte velikost, vyplníte alternativní text, zkontrolujete tmavý režim a pošlete si testovací e-mail.

Krok 1: Napište hlavní sdělení textem

Nabídku, cenu, termín a výzvu k akci napište do textu e-mailu, ne do obrázku, aby je příjemce viděl i bez obrázků. Tlačítko vytvořte jako tlačítko v editoru, ne jako obrázek tlačítka. Text v obrázku je navíc na mobilu často tak malý, že se nedá přečíst.

Krok 2: Zvolte správný formát

Fotky uložte jako JPG, loga a grafiku s textem jako PNG a animace jako GIF. V našem měření měla stejná fotka 1 240 × 827 px jako PNG 2,0 MB a jako JPG s kvalitou 80 % jen 242,9 kB. Formáty WebP, AVIF, SVG a HEIC všechny e-mailové programy nezobrazí. Podrobné srovnání najdete v článku JPG, PNG nebo GIF? Jaký typ souboru obrázků použít pro e-mailing.

Krok 3: Připravte velikost obrázku

Obrázek ořízněte na poměr stran podle místa v e-mailu, zmenšete ho na dvojnásobek šířky tohoto místa a soubor držte co nejmenší, rozhodně do 2 MB. Výchozí šířka e-mailu v Quandě je 650 px, obrázek přes celou šířku má po odečtení okrajů 618 px, takže soubor připravte zhruba 1 240 px široký. Dvojnásobek je potřeba kvůli displejům s vysokým rozlišením, jako jsou iPhony a Macy s displejem Retina.

Postup v online editoru popisují články Jak oříznout obrázek na požadovanou velikost a Jak změnit velikost obrázku online.

Krok 4: Vyplňte alternativní text

Ke každému obrázku napište krátký alternativní text, který popisuje, co obrázek sděluje. Dekorativním obrázkům nechte alternativní text prázdný. Alternativní text (alt text) je popis obrázku, který e-mailový program zobrazí místo obrázku, když se nenačte, a který nahlas přečte čtečka obrazovky. Pište „Jarní kolekce bot se slevou 20 %“, ne „banner1.jpg“ ani „obrázek“.

Krok 5: Zkontrolujte tmavý režim

Logo a grafiku s průhledným pozadím vyzkoušejte na tmavém pozadí a tmavému textu na průhledném pozadí přidejte světlý obrys. Tmavý režim je zobrazení, ve kterém e-mailový program ukáže e-mail se světlým textem na tmavém pozadí. Podle Litmusu některé programy barvy nemění vůbec (Apple Mail, Gmail na počítači), jiné převrátí jen světlé plochy (Outlook.com, aplikace Outlook v mobilu, Gmail pro Android) a další převrátí všechny barvy (Gmail pro iPhone, Outlook pro Windows). Černé logo na průhledném pozadí pak na tmavém pozadí zmizí. Jak s barvami pracovat, popisuje článek Psychologie barev v marketingu: jak mít barvy na své straně.

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

Testovací e-mail otevřete na počítači i na mobilu, se zapnutými i vypnutými obrázky, a před odesláním zkontrolujte výsledek SPAM testu. V Gmailu obrázky vypnete v nastavení volbou Před zobrazením externích obrázků se zeptat. Pokud z e-mailu bez obrázků nepoznáte, o co jde a kam kliknout, přesuňte důležitý text z obrázků do textu.

Kde vzít obrázky do e-mailu

Obrázky do e-mailu můžete vzít ze tří zdrojů a každý má jiné výhody:

Přehled fotobank s licencemi najdete v článku Fotky zdarma do e-mailu: kde je najít a jak je použít, srovnání nástrojů a návod na prompty v článku AI generátory obrázků: velké srovnání a návod na prompty.

Obrázky v e-mailu v Quandě

V Quandě vkládáte obrázky do e-mailu v e-mail editoru blokem Obrázek a jeho nastavení měníte v pravém panelu. Obrázek se vždy přizpůsobí prostoru, který v e-mailu má. Pro mobil můžete nastavit vlastní šířku obrázku od 10 do 100 %, takže logo může být na počítači malé a na mobilu větší.

Rozměry obrázků vysvětluje návod Rozměr obrázku v e-mailové kampani.

Quanda k e-mailu automaticky vytváří textovou verzi, kterou můžete v editoru upravit volbou Uložit a upravit Prostý text. E-mail tak nemá jen HTML část. SPAM test v nastavení odeslání kampaně hodnotí i poměr textu a obrázků: e-mail s malým množstvím textu a velkými obrázky dostane horší výsledek. Postup je v návodu Nastavení odeslání v jednoduché kampani.

Tip: Pokud chcete e-mail navrhnout vlastním kódem, dodržte stejné zásady i v HTML: obrázky s alternativním textem, text jako text a kód do 102 kB, aby ho Gmail neořízl. Víc v článku Jak vytvořit HTML e-mail: 7 zásad, aby se nerozpadl.

Checklist obrázků před odesláním e-mailu

Před odesláním zkontrolujte:

• Nabídka, cena, termín a výzva k akci jsou napsané textem.
• E-mail není jeden velký obrázek a dává smysl i bez obrázků.
• Každý obrázek má v e-mailu svůj účel.
• Fotky jsou JPG, loga a grafika PNG, animace GIF.
• Obrázky mají dvojnásobek šířky místa v e-mailu a žádný soubor nemá přes 2 MB.
• Obsahové obrázky mají alternativní text, dekorativní prázdný.
• Logo je čitelné i v tmavém režimu.
• Testovací e-mail jsem otevřel na počítači, na mobilu a bez obrázků.
• SPAM test nehlásí problém.

Závěrem

Obrázky e-mailu pomáhají, když ukazují něco, co text neumí, a když e-mail funguje i bez nich. Pište hlavní sdělení textem, obrázky připravte ve správném formátu a velikosti a vždy si pošlete testovací e-mail. Pokud chcete s e-mailovou kampaní pomoct, napište nám na support@onquanda.com, zavolejte na +420 605 163 892 nebo si domluvte konzultaci zdarma. Jak s obrázky pracovat v celém e-mailu, ukazuje online kurz zdarma Copywriting a design e-mailů, které se čtou.