Grafika je první věc, která rozhoduje, jestli si příjemce e-mail vůbec otevře – a zároveň nejčastější důvod, proč newsletter skončí ve spamu dřív, než ho adresát uvidí.
Proč hezký newsletter někdy skončí ve spamu
Spamové filtry jako SpamAssassin, které používá řada firemních i menších poštovních serverů, historicky penalizují e-maily, kde vizuální obsah výrazně převažuje nad textem. Nejrozšířenější je takzvané pravidlo 60/40, které SpamAssassin uznává jako obecný práh pro poměr textu a obrázků. Logika je jednoduchá – e-mail složený prakticky jen z jednoho velkého obrázku a pár slov textu vypadá stejně jako klasický spamový nebo phishingový vzorec, kdy odesílatel schovává obsah před textovými filtry. I když se dnes toto pravidlo často zjednodušuje, filtry ve skutečnosti nevyhodnocují poměr pixelů jako takový, ale to, jestli e-mail vypadá jako něco, co by poslal spammer.
Modernější filtry navíc kombinují desítky signálů najednou. Pokud je HTML e-mail tvořen převážně obrázky, filtry z toho usuzují, že se odesílatel snaží schovat obsah před textovou analýzou. Grafika newsletteru se tak nikdy neposuzuje izolovaně – hraje roli spolu s autentizací domény, reputací odesílatele a chováním příjemců.
Poměr textu a obrázků: kolik grafiky je ještě bezpečně
V praxi se doporučení pohybují mezi 60:40 a 80:20 ve prospěch textu, podle typu kampaně a odvětví. Konzervativnější přístup, tedy alespoň 60 % živého textu, je bezpečnou volbou pro pravidelné e-mailové kampaně. Data od Mailchimpu naznačují, že e-maily s více než dvěma obrázky mají o 43 % vyšší riziko, že je filtry označí jako spam, ve srovnání s e-maily zaměřenými více na text. Pro newsletter to v praxi znamená: jeden výrazný hero vizuál v hlavičce ano, ale zbytek sdělení – nadpisy, popisky, výzvy k akci – by měl existovat jako živý text v HTML, ne jako součást obrázku.
Specifický typ, kterému je vhodné se úplně vyhnout, je jeden velký obrázek s celým sdělením uvnitř (typicky slevové bannery s textem “SLEVA 20 %” jako obrázek). Bannery a textově hutné grafické prvky tohoto typu patří mezi ty, které nejsnáze spouštějí filtry jako SpamAssassin.
Technické parametry, na které se často zapomíná
Kromě poměru textu a obrázků rozhoduje i to, jak jsou grafiky technicky připravené:
- Velikost souboru. Google doporučuje udržet celkovou velikost e-mailu včetně obrázků pod 102 kB, jinak Gmail zprávu oříznu a část obsahu se k příjemci vůbec nedostane. Jednotlivé obrázky by se měly pohybovat v řádu desítek kilobajtů, ne stovek.
- Rozměry. Šířka obrázku mezi 600 a 1 200 pixely je pro e-mailový layout standard – širší vizuály se na mobilu i desktopu špatně škálují a prodlužují načítání.
- Formát. JPEG pro fotografie, PNG pro grafiku s průhledností, GIF střídmě a jen tam, kde animace opravdu dává smysl – nadužívání GIFů zpomaluje e-mail a působí lacině.
- Počet obrázků. Držet se v řádu jednotek na e-mail. Každý další obrázek mírně zvyšuje “podezřelost” v očích filtru a zároveň zpomaluje načtení.
Alt text není jen kvůli přístupnosti
Řada e-mailových klientů obrázky ve výchozím stavu blokuje, dokud si je příjemce sám nezobrazí. Bez popisného alt textu tak newsletter dorazí jako prázdná plocha s nefunkčním sdělením. Ke každému obrázku by proto mělo existovat funkční nebo popisné alt‑atributové označení – u tlačítka konkrétní výzva k akci, u produktové fotky stručný popis produktu, u čistě dekorativního prvku prázdná hodnota, aby ho čtečky obrazovky přeskočily. Kromě přístupnosti pro uživatele se zrakovým postižením tak alt text plní i praktickou roli záložního sdělení, když se obrázky nenačtou.
CTA tlačítko: obrázek, nebo živý kód?
Nejčastější chyba grafiků, kteří přicházejí z webového designu, je vytvořit celé CTA tlačítko jako obrázek. Funguje to skvěle v Photoshopu, ale v reálné schránce, kde jsou obrázky blokované, příjemce nevidí vůbec nic – ani hlavní výzvu k akci. Řešením je takzvané “bulletproof” tlačítko postavené čistě z HTML a CSS – barevné pozadí, padding a ohraničení buňky tabulky – místo obrázku. Tlačítko pak zůstane viditelné a klikatelné i s vypnutými obrázky, což u nejdůležitějšího prvku newsletteru, tedy konverzního odkazu, dává největší smysl.
Vizuální identita napříč kampaněmi
Grafika newsletteru by měla vycházet ze stejné vizuální identity, jakou firma používá na webu, v PPC bannerech i na sociálních sítích – jednotná paleta barev, typografie a styl fotografií nebo ilustrací. Nejde jen o estetiku: konzistentní vzhled zvyšuje rozpoznatelnost odesílatele v přeplněné schránce a nepřímo podporuje i důvěryhodnost, což se odráží v tom, jak příjemci s e-maily interagují – a angažovanost je dnes jeden z klíčových signálů, které filtry sledují.
Mobil a dark mode
Většina e-mailů se dnes otevírá na mobilu, takže grafika musí fungovat na malé obrazovce stejně dobře jako na desktopu – čitelný text bez nutnosti přiblížení, tlačítka dostatečně velká na dotyk, obrázky, které se nerozpadnou při zúžení layoutu. Druhým opomíjeným detailem je tmavý režim: barvy a průhledné PNG soubory, které v běžném zobrazení vypadají dobře, mohou v dark mode splynout s pozadím nebo vytvořit nečitelné kombinace. Grafiku je vhodné testovat v obou režimech ještě před odesláním.
Jak grafiku otestovat před odesláním
Než se newsletter pošle celé databázi, vyplatí se:
- Poslat testovací e-mail do několika schránek (Gmail, Seznam, Outlook) a zkontrolovat zobrazení s vypnutými i zapnutými obrázky.
- Zkontrolovat, že hlavní sdělení a CTA jsou čitelné i bez obrázků.
- Ověřit celkovou velikost zprávy a načítání na mobilu.
- U větších kampaní udělat A/B test dvou variant grafiky a sledovat nejen otevření, ale i doručitelnost.
Jak pomáhá Studio Shark
Navrhneme grafiku newsletteru, která je vizuálně silná i technicky bezpečná – od hero vizuálů přes bulletproof tlačítka až po alt texty a konzistentní vizuální identitu napříč kampaněmi. Zároveň postavíme celou e-mailovou strategii tak, aby vaše kampaně končily v inboxu, ne ve spamu.
Naše související služby:
- Email marketing – strategie, tvorba a rozesílka e-mailových kampaní a newsletterů
- Grafiky pro internet – návrh vizuálů, bannerů a grafických prvků pro e-maily i online kampaně
- Digitální analytika – měření otevření, prokliků a A/B testování e-mailových kampaní
Autor článku:
