Brak obrazków w e-mailu? Stylizowany alt text pokaże nagłówek.

Stylizowany tekst alternatywny to tekst alternatywny obrazka z ustawioną czcionką, kolorem i rozmiarem, który program pocztowy wyświetli jako nagłówek, gdy obrazek się nie wczyta. Dzięki niemu e-mail ma sens także dla odbiorców, którym program blokuje obrazki, na przykład w klasycznym Outlooku albo Thunderbirdzie. Wystarczy uzupełnić przy obrazku tekst alternatywny i w edytorze e-maili Quandy ustawić jego wygląd. Zamiast pustej ramki odbiorca przeczyta wtedy wyrazisty nagłówek, na przykład „Jesienna wyprzedaż: rabat 30 %”. W artykule znajdziesz, które programy blokują obrazki, duże porównanie, gdzie wyświetla się stylizowany tekst alternatywny, i instrukcję ustawienia w Quandzie.

W skrócie

1. Klasyczny Outlook dla Windows i Thunderbird domyślnie blokują obrazki. Gmail ukrywa je w podejrzanych wiadomościach, a wyłączyć je może każdy odbiorca.
2. Dlatego przy każdym obrazku trzeba uzupełnić tekst alternatywny. Bez niego po obrazku zostaje puste miejsce.
3. Edytor e-maili Quandy pozwala dodatkowo ostylować tekst alternatywny: wybierzesz czcionkę, kolor, rozmiar, pogrubienie i wyrównanie.
4. Program, który obsługuje stylizowany tekst alternatywny, wyświetli go w miejscu obrazka jako wyrazisty nagłówek. Odbiorca nie widzi więc tylko pustego miejsca.
5. Stylizowany tekst alternatywny wyświetli Gmail, Poczta w iPhonie i iPadzie, Apple Mail, Thunderbird, Outlook.com i Seznam.cz. Według udziałów Litmusa to około 91 % otwarć.
6. Klasyczny Outlook dla Windows pokaże tekst alternatywny tylko jako zwykły tekst. Najważniejsze słowa należą więc na początek.

Krótko: co to jest, co zrobić, jak to ustawić i na co uważać

• Co to jest: tekst alternatywny z ustawioną czcionką, kolorem i rozmiarem, który zamiast niewczytanego obrazka wyświetli się jako nagłówek.
• Co zrobić: uzupełnić tekst alternatywny i w Quandzie ostylować go jak nagłówek.
• Jak to ustawić: w edytorze e-maili Quandy w prawym menu obrazka, pole Nazwa obrazka i przełącznik Ustaw wygląd.
• Na co uważać: tekst, który nie zmieści się w obszarze obrazka, część programów przytnie albo w ogóle nie wyświetli.

Co się zmieniło od publikacji artykułu: Artykuł ukazał się w sierpniu 2021. Twierdzenie, że większość klientów pocztowych blokuje obrazki, już nie jest prawdziwe. Gmail, Apple Mail i Yahoo wczytują je dziś automatycznie, a domyślnie blokuje je głównie klasyczny Outlook i Thunderbird. Dodaliśmy przegląd dzisiejszych programów według ich dokumentacji i aktualne udziały według Litmusa. Pierwotne tabele obsługi stylizowanego tekstu alternatywnego podzieliliśmy na skrzynki webowe, programy na komputerze i aplikacje mobilne, usunęliśmy z nich programy, których już się nie używa, na przykład telefony BlackBerry i Windows Phone, i dodaliśmy obliczenie zasięgu według udziału w otwarciach. Doszły wskazówki, jak pisać tekst alternatywny, i instrukcja ustawienia w Quandzie krok po kroku.

Co to jest tekst alternatywny i stylizowany tekst alternatywny

Tekst alternatywny to krótki opis obrazka, który wyświetla się w miejscu obrazka, gdy obrazek się nie wczyta. Technicznie to atrybut alt znacznika img w kodzie HTML e-maila, stąd angielska nazwa alt text. W Quandzie znajdziesz go jako Nazwa obrazka.

Stylizowany tekst alternatywny to tekst alternatywny, któremu ustawiasz czcionkę, rozmiar, kolor i inne cechy wyglądu. Bez stylu tekst alternatywny wyświetla się drobną czcionką w domyślnym kolorze i prawie nikt go nie zauważa. Ze stylem staje się nagłówkiem, który na pierwszy rzut oka wygląda jak część e-maila. Właśnie to edytor e-maili Quandy potrafi dodatkowo: tekst alternatywny nie tylko uzupełnisz, ale też ostylujesz.

Tekst alternatywny ma dwa zadania:

• Zastępuje obrazek. Gdy program pocztowy nie pobierze obrazka albo obrazka nie uda się wczytać, w jego miejscu pokaże tekst alternatywny. Odbiorca nadal wie, co chcesz mu przekazać.
• Dostępność. Czytniki ekranu, z których korzystają osoby niewidome i słabowidzące, odczytują tekst alternatywny na głos. Bez niego czytnik obrazek pominie albo odczyta nazwę pliku, na przykład „banner_final_v3.jpg”.

Kiedy programy pocztowe blokują wczytywanie obrazków

Obrazki w masowych e-mailach nie są załącznikiem wiadomości. Leżą na serwerze, a program pocztowy pobiera je dopiero przy otwarciu. Właśnie to pobieranie programy mogą zablokować, bo na podstawie obrazków nadawca może się dowiedzieć, że otworzyłeś e-mail. Microsoft podaje to w swojej pomocy jako główny powód, dla którego Outlook domyślnie nie pobiera obrazków.

Zamiast obrazka tekst alternatywny zobaczą więc:

• odbiorcy w klasycznym Outlooku dla Windows i w Thunderbirdzie, którzy nie pobrali obrazków ręcznie,
• osoby, które same wyłączyły pobieranie obrazków, na przykład w Gmailu albo w Apple Mail,
• odbiorcy wiadomości, które Gmail uzna za podejrzane, albo wiadomości w folderze ze spamem w Yahoo Mail,
• odbiorcy z wolnym połączeniem albo za firmowym filtrem, który usuwa obrazki,
• wszyscy, którzy słuchają e-maila przez czytnik ekranu.

Ilu to ludzi, zależy od tego, do kogo wysyłasz. Według firmy Litmus, która mierzy otwarcia e-maili, udział programów pocztowych wygląda tak:

Globalnie na Outlooka przypada więc niecałe 6 % otwarć. Litmus mierzy jednak głównie e-maile konsumenckie. Jeśli wysyłasz do firm, Outlook jest w Twojej bazie znacznie silniejszy. Z praktyki wiemy, że desktopowy Outlook w firmach zwykle nie pobiera obrazków.

Które programy pocztowe blokują obrazki

Większość dzisiejszych programów pocztowych wczytuje obrazki automatycznie. Wyjątkiem jest klasyczny Outlook dla Windows i Thunderbird, które domyślnie je blokują.

Dane historyczne z testu Litmusa z 2016 roku, programy dziś już rzadko używane: Lotus Notes 8.5 wyświetlił tekst alternatywny bez stylu, Poczta w Windows 10 nie wyświetliła go wcale, a AOL Mail w Internet Explorerze pokazał go bez stylu.

Źródło: Microsoft, Block or unblock automatic picture downloads in classic Outlook i 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. Stan na październik 2026.

Wskazówka: Ochrona prywatności w Mail na urządzeniach Apple pobiera obrazki automatycznie także w e-mailach, których odbiorca nigdy nie otworzy. Quanda takie automatyczne otwarcia rozpoznaje i nie wlicza ponad 80 % z nich. Więcej piszemy w artykule Open rate e-maili: 20 % to dużo czy mało?

Stylizowany tekst alternatywny: nagłówek zamiast obrazka

Stylizowany tekst alternatywny zamienia puste miejsce po obrazku w nagłówek. Pokażemy to na prostym e-mailu testowym ze zdjęciem wiosennej łąki. Tak widzi go odbiorca, któremu obrazki się wczytały:

A tak odbiorca, który ma zablokowane obrazki. Zamiast zdjęcia widzi zielony pogrubiony nagłówek „Jarní slunce v přírodě” (Wiosenne słońce w przyrodzie), który ustawiliśmy jako stylizowany tekst alternatywny:

W Gmailu e-mail z niewczytanymi obrazkami wygląda podobnie. Nad wiadomością jest pasek z informacją, że obrazki się nie wyświetlają, a zamiast zdjęcia ten sam zielony nagłówek:

Zamiast obrazka odbiorca przeczyta więc informację, którą niósł obrazek, albo zachętę, żeby pobrał obrazki. E-mail wygląda porządnie, choć nic się z niego nie wczytało.

Gdzie wyświetla się stylizowany tekst alternatywny: duże porównanie

Stylizowany tekst alternatywny wyświetla większość skrzynek webowych i aplikacji mobilnych, Apple Mail i Thunderbird. Nie wyświetla go klasyczny Outlook dla Windows, który pokazuje tekst alternatywny tylko jako zwykły tekst. Poniżej znajdziesz trzy osobne tabele: skrzynki webowe, programy na komputerze i aplikacje mobilne. W każdej zobaczysz, czy program pokaże tekst alternatywny i czy pokaże też jego styl, czyli nagłówek zamiast obrazka. Które programy w ogóle blokują obrazki, pokazuje tabela wyżej.

Jaki jest zasięg stylizowanego tekstu alternatywnego

Zasięg stylizowanego tekstu alternatywnego to udział otwarć e-maili w programach, które wyświetlają stylizowany tekst alternatywny. Obliczyliśmy go z udziałów programów pocztowych według Litmusa i z tabel poniżej.

Mniej więcej dziewięć otwarć na dziesięć odbywa się więc w programie, który wyświetli stylizowany tekst alternatywny jako nagłówek. Liczba jest orientacyjna: udział Apple zawyża Ochrona prywatności w Mail, która pobiera obrazki automatycznie, a udział Outlooka jest w firmowych bazach wyższy. Jeśli wysyłasz głównie do firm, licz się z tym, że część odbiorców zobaczy w Outlooku tylko zwykły tekst alternatywny.

Skrzynki webowe

Skrzynki webowe to programy pocztowe, których nie instalujesz na komputerze, tylko logujesz się do nich przez przeglądarkę. Stylizowany tekst alternatywny wyświetla prawie każda.

Polskich skrzynek Onet, WP i Interia nie testowaliśmy, dlatego ich w tabeli nie ma.

Programy na komputerze

Programy na komputerze to programy pocztowe zainstalowane w Windows albo na Macu. Tu obraz jest najbardziej zróżnicowany: Apple Mail i Thunderbird wyświetlą stylizowany tekst alternatywny, klasyczny Outlook dla Windows nie.

Aplikacje mobilne

Aplikacje mobilne to programy pocztowe w telefonach i tabletach, w których otwiera się dziś większość e-maili. Stylizowany tekst alternatywny wyświetla prawie każda, wyjątkiem jest Yahoo Mail na Androida.

Źródło wszystkich trzech tabel: Litmus, The Ultimate Guide to Styled ALT Text in Email (2016), uzupełnione o własne testy Quandy z 2020 roku w Seznam.cz, Thunderbirdzie, Gmailu i Outlooku z Microsoft 365.

Co warto wiedzieć o tabelach:

• Dane pochodzą z testów, nie z dokumentacji. Producenci programów pocztowych nie opisują obsługi stylizowanego tekstu alternatywnego. Tabele opierają się na teście Litmusa z 2016 roku i naszych testach z 2020 roku. Programy w międzyczasie się zmieniły, dlatego zawsze przetestuj e-mail sam.
• Nie każdy styl działa wszędzie. Według Litmusa kolor tekstu obsługują prawie wszystkie programy, które wyświetlają stylizowany tekst alternatywny. Czcionka, rozmiar i pogrubienie zachowują się mniej jednolicie, czasem działa tylko część ustawień.
• Tekst musi zmieścić się w obszarze obrazka. Tekst alternatywny wyświetla się w miejscu, gdzie byłby obrazek. Gdy jest dłuższy albo wyższy niż obszar obrazka, część programów go przycina albo w ogóle nie pokazuje. Przy dużej czcionce wybieraj mniej słów.
• Liczy się też przeglądarka. W skrzynkach webowych ta sama skrzynka może w różnych przeglądarkach pokazać tekst alternatywny inaczej, jak widać na przykładzie GMX i Web.de.
• Tam, gdzie blokuje się najwięcej, styl nie działa. Klasyczny Outlook dla Windows blokuje obrazki i nie pokazuje stylizowanego tekstu alternatywnego. Ale także tam uzupełniony tekst alternatywny pomaga, bo odbiorca przeczyta go w ostrzeżeniu.

Haczyk: stylizowany tekst alternatywny w Outlooku

Klasyczny Outlook dla Windows wprawdzie wyświetla tekst alternatywny, ale tylko jako kolejną niesformatowaną linijkę na końcu ostrzeżenia, że zablokował pobranie obrazka. Ustawionej czcionki, rozmiaru ani koloru nie użyje:

Litmus opisał takie samo zachowanie w Outlooku 2003 do 2016, a w naszym teście tak samo zachował się Outlook z Microsoft 365. Wynikają z tego dwie praktyczne zasady:

1. Najważniejsze słowa umieść na początku tekstu alternatywnego. W Outlooku pojawią się dopiero po ostrzeżeniu, więc muszą być zrozumiałe także bez stylu.
2. Nie licz na to, że tekst alternatywny uratuje e-mail złożony z obrazków. Główny przekaz, cenę i wezwanie do działania pisz tekstem.

Większość odbiorców otwiera jednak e-maile w Apple Mail i Gmailu, gdzie stylizowany tekst alternatywny działa. Dlatego warto go ustawiać, nawet jeśli Outlook nie pokaże go w całości.

Jak ustawić i ostylować tekst alternatywny obrazka w Quandzie

Tekst alternatywny w Quandzie uzupełnisz i ostylujesz w edytorze e-maili przy każdym obrazku osobno. Uzupełnienie sprawi, że odbiorca zamiast obrazka zobaczy tekst. Ostylowanie sprawi, że ten tekst będzie wyglądał jak nagłówek. Całość zajmie kilka minut.

1. W edytorze e-maili kliknij obrazek, do którego chcesz dodać tekst alternatywny.
2. W prawym menu uzupełnij pole Nazwa obrazka krótkim tekstem, który niesie przekaz obrazka.
3. Włącz przełącznik Ustaw wygląd.
4. Wybierz czcionkę, rozmiar, kolor, styl (pogrubienie albo kursywa), interlinię i wyrównanie tak, żeby tekst wyglądał jak nagłówek e-maila.
5. Dla kontroli wytnij adres obrazka z pola Wstaw adres obrazka z internetu skrótem Ctrl+X. Edytor w miejscu obrazka pokaże stylizowany tekst alternatywny. Adres potem wklej z powrotem skrótem Ctrl+V.
6. Wyślij sobie e-mail testowy do klasycznego Outlooka albo Thunderbirda i nie pobieraj obrazków. W Gmailu włącz na potrzeby testu w ustawieniach pytanie przed wyświetleniem zewnętrznych obrazków.

Jak w edytorze e-maili pracuje się z obrazkami i innymi elementami treści, opisuje poradnik Edytor e-maili w prostej kampanii e-mailowej w pomocy.

Przy stylizowaniu pamiętaj o trzech rzeczach:

• Kolor. Bez obrazka tekst leży bezpośrednio na kolorze tła wiersza albo e-maila. Wybierz kolor, który jest na nim dobrze czytelny, najlepiej kolor nagłówków Twojego e-maila.
• Rozmiar. Duża czcionka wygląda jak nagłówek, ale zajmuje więcej miejsca. Tekst musi zmieścić się w obszarze obrazka, inaczej część programów go przytnie.
• Czcionka. Użyj popularnej czcionki, która jest na komputerach i telefonach, na przykład Arial. Nietypową czcionkę program zastąpi domyślną.

Jak przygotować same obrazki, opisują artykuły Jak przyciąć obrazek do wymaganego rozmiaru i JPG, PNG czy GIF?

Jak napisać tekst alternatywny, który działa jak nagłówek

Dobry tekst alternatywny mówi to samo co obrazek, tylko słowami. Nie opisuje, jak obrazek wygląda, ale co przekazuje. Zasady dostępności WCAG ujmują to tak, że alternatywa tekstowa musi pełnić tę samą funkcję co obrazek.

Przy pisaniu trzymaj się tych zasad:

• Krótko. Jedno zdanie albo hasło, zwykle do 100 znaków. Stylizowany tekst alternatywny z dużą czcionką musi zmieścić się w obszarze obrazka.
• Jak nagłówek. Przy głównym obrazku e-maila napisz tekst alternatywny tak, żeby działał jak tytuł: co oferujesz i dlaczego warto czytać dalej.
• Bez zbędnych słów. Nie zaczynaj od „Obrazek …” ani „Zdjęcie …”, czytnik ekranu sam ogłosi, że to obrazek.
• Przy przyciskach i linkach działanie. Kto nie widzi obrazka, musi wiedzieć, co się stanie po kliknięciu.
• Przepisz tekst z obrazka. Jeśli na obrazku jest napisany przekaz, cały należy do tekstu alternatywnego.

Wskazówka: Przy obrazku, bez którego e-mail traci sens, na przykład przy infografice, tekst alternatywny może bezpośrednio zachęcić odbiorcę: „Infografika: 5 kroków do lepszego newslettera. Wyświetl obrazki.”

Jak zaprojektować e-mail, który działa także bez obrazków

Stylizowany tekst alternatywny to zabezpieczenie, nie zamiennik treści. E-mail, który ma sens także bez obrazków, poznasz po tym, że po ich wyłączeniu odbiorca nadal wie, co mu oferujesz i gdzie ma kliknąć.

• Przekaz pisz tekstem. Nagłówek, cenę, termin i główny argument umieść w bloku tekstowym, nie w obrazku.
• Przycisk jako przycisk. W Quandzie użyj elementu treści Przycisk zamiast obrazka przycisku. Wyświetli się zawsze, także bez obrazków.
• Uwaga na e-mail z jednego obrazka. Test SPAM w Quandzie zgłasza jako częste uchybienie w treści e-mail złożony z jednego obrazka oraz e-mail, w którym jest więcej obrazków niż tekstu. Opis znajdziesz w poradniku Ustawienie wysyłki w prostej kampanii.
• Kolor tła zamiast obrazka w tle. Nie wszystkie programy wyświetlą obrazek w tle. Ustaw więc także kolor tła, na którym tekst będzie czytelny. Więcej w artykule Jesienne nowości w edytorze e-maili.

Uwaga: E-mail testowy obejrzyj także z wyłączonymi obrazkami. Puste miejsce, które w edytorze e-maili wygląda jak zgrabny odstęp, w Outlooku może oznaczać białą plamę z czerwonym krzyżykiem na pół ekranu.

Lista kontrolna: e-mail gotowy na zablokowane obrazki

• Każdy obrazek z przekazem ma uzupełnione pole Nazwa obrazka.
• Tekst alternatywny głównych obrazków ma włączony wygląd i wygląda jak nagłówek.
• Tekst alternatywny jest krótki, mieści się w obszarze obrazka i najważniejsze słowa ma na początku.
• Tekst alternatywny przy obrazku z linkiem mówi, co się stanie po kliknięciu.
• Kolor stylizowanego tekstu alternatywnego jest czytelny na tle e-maila.
• Główny przekaz i cena są napisane tekstem.
• Wezwanie do działania to element treści Przycisk, nie obrazek.
• E-mail testowy obejrzałeś w Outlooku albo Gmailu z wyłączonymi obrazkami.

Na koniec: nagłówek działa także bez zdjęć

Obrazki sprawiają, że e-mail jest ładniejszy, ale przekaz niosą słowa. Gdy każdemu obrazkowi dasz krótki tekst alternatywny i ostylujesz go jak nagłówek, odbiorca zrozumie Twoją wiadomość w Gmailu, w Apple Mail i w firmowym Outlooku z zablokowanymi obrazkami.

Jak pisać i projektować e-maile, które się czyta, nauczysz się na kursie online Copywriting i design e-maili. Jeśli nie wiesz, jak sobie poradzić, napisz do nas na support@onquanda.com albo zadzwoń pod numer +420 605 163 892. E-mail możemy też przejść razem podczas bezpłatnej konsultacji.

Jeśli masz własne doświadczenia ze stylizowaniem tekstu alternatywnego i jego wyświetlaniem, podziel się nimi z nami.

Trzymam kciuki
Jan Spáčil