Pro dnešní newsletter jsem připravil návod jak pracovat s obrázky v e-mail marketingu tak, aby vše fungovalo a obrázky nebyly na škodu.
🚫 E-maily, které jsou jen obrázek = problém
Spousta značek (a i zkušených marketérů) dělá tu chybu, že jejich e-mail je vlastně jen jeden velký obrázek. Výsledek?
- Obrázky se nemusí načíst – hodně klientů je ve výchozím stavu blokuje.
- Příjemce nevidí nic, pokud nemá zapnuté zobrazování obrázků.
- E-mail může spadnout do spamu – velká velikost, žádný text a hodně odkazů
Když se tomu nemůžete z nějakého důvodu vyhnout, testujte zobrazení textů na mobilu.
A má nejoblíbenější varianta? Skládaný formát, využít obrázky aby zaujaly, text aby motivoval a CTA s výzvou k prokliknutí.
💡 Pro TIP: Nikdy nedělejte CTA jako obrázek. Když se nezobrazí, nebude v e-mailu ani na co kliknout a to může být opravdu problém.
✅ Jak tedy obrázky v e-mailech používat správně?
1. Text pište jako text, ne jako obrázek
Vaše hlavní sdělení, výzvy k akci a důležité informace vždy pište jako HTML text. Nikdy je neschovávejte do grafiky, musí být čitelné i bez načtených obrázků.
2. Používejte ALT text
Každý obrázek by měl mít alternativní text (ALT). Pokud se obrázek nenačte, ALT text dá příjemci aspoň základní informaci o tom, co tam mělo být. Navíc tím zlepšíte přístupnost a doručitelnost.
3. Zvolte správnou velikost a formát
Obrázky, které jsou příliš velké nebo ve špatném formátu, mohou:
- zpomalit načítání
- rozhodit vzhled e-mailu (hlavně na mobilu)
- zbytečně zabrat místo nebo snížit výkon kampaně
📏 Tahák na velikosti obrázků v e-mailech:
- Hero / hlavička – doporučená šířka je 600–650 px a výška 200–300 px
- Produktové obrázky – ideálně 300–400 px na šířku a maximálně 300 px na výšku
- Ikony nebo náhledy – držte se rozměrů mezi 100–200 px na šířku i výšku
🧩 Poměry stran: Držte se klasiky – 16:9, 4:3, nebo 1:1. Vyhněte se roztaženým nebo zdeformovaným obrázkům.
💾 Velikost souboru: Ideálně do 100 KB na jeden obrázek. Pokud jich je víc, držte se celkově do 1 MB.
📁 Formáty obrázků – co použít:
- JPG: Ideální pro produktové fotografie. Malý soubor, ale bez průhlednosti.
- PNG: Perfektní pro loga a ikony. Umožňuje průhledné pozadí.
- GIF: Skvělý pro jednoduché animace. Pozor – bývá objemný, používejte s mírou.
❌ Vyhněte se: TIFF, BMP, PDF – e-mailoví klienti je často nezobrazí správně a zhoršují výkon kampaně.
4. Optimalizujte pro mobilní zobrazení
Přes 50 % lidí čte e-maily na mobilu. Obrázky musí být responzivní, dobře čitelné a funkční na malých displejích.
Testujte:
- Jak se obrázky zobrazí v různých klientech (např. Gmail, Apple Mail)
- Jestli se obsah neposouvá nebo nerozbíjí layout
- Jestli jsou CTA viditelné i bez načtení obrázků
Shrnutí:
- Obrázky jsou doplněk, ne hlavní nositel sdělení.
- Bez nich by měl e-mail stále dávat smysl.
- Správná velikost a formát výrazně ovlivňují výkon.
- Testujte napříč zařízeními a klienty.
A mini výzva na závěr:
Pošlete si váš poslední newsletter se zakázaným zobrazováním obrázků.
👉 Je stále pochopitelný a funkční?
👉 Dá se z něj poznat, co po příjemci chcete?
Pokud ne, víte, na čem zapracovat. Váš e-mail pak nebude jen krásný, ale i výkonný.
Přeji krásný vstup do nového týdne.
