Obrazy w e-mailu: proporcje tekstu i obrazów i co działa

Obrazy w e-mailu to zdjęcia, logo, ikony i grafika, które uzupełniają tekst wiadomości i pokazują produkt, człowieka albo wynik. Działają dobrze, gdy e-mail ma sens także bez nich: główny przekaz i wezwanie do działania są napisane tekstem, a obraz je ilustruje. Stałych proporcji tekstu i obrazów nie ma, często podaje się mniej więcej 60% tekstu i 40% obrazów. Problem pojawia się przy e-mailu z jednego dużego obrazu, którego filtry antyspamowe nie odczytają, a klasyczny Outlook dla Windows po otwarciu go nie wyświetli. W artykule dowiesz się, jak zrównoważyć treść wizualną w e-mailu, gdzie obrazy się nie wyświetlą, jak przygotować obrazy w sześciu krokach i gdzie znaleźć szczegółowe poradniki o formacie, rozmiarze, tekście alternatywnym i źródłach obrazów.

W skrócie

1. Ofertę, cenę, termin i wezwanie do działania pisz tekstem, obraz tylko je ilustruje.
2. E-mail z jednego dużego obrazu ryzykuje spam: w danych Mailchimpa „mały udział tekstu względem powierzchni obrazów” był najczęstszym znaleziskiem filtrów.
3. Według Litmusa Apple i Gmail mają ponad 90% otwarć i wyświetlają obrazy od razu, a Outlook na komputerze, częsty w firmach, je blokuje.
4. Obraz na całą szerokość e-maila przygotuj o szerokości około 1240 px, a plik trzymaj poniżej 2 MB.
5. Do każdego obrazu z treścią uzupełnij tekst alternatywny, wyświetli się zamiast obrazu, gdy ten się nie załaduje.
6. Przed wysłaniem wyślij sobie e-mail testowy i otwórz go także bez obrazów i w trybie ciemnym.

Krótko: czym są obrazy w e-mailu, jakie są ich rodzaje, gdzie się nie wyświetlą i co grozi

• Co to jest: treść wizualna e-maila, czyli zdjęcia, logo, ikony, wykresy i animacje obok tekstu wiadomości.
• Rodzaje: zdjęcie produktu lub ludzi, logo w nagłówku, ikony przy korzyściach, wykres z wynikami, animowany GIF.
• Gdzie się nie wyświetlą: w klasycznym Outlooku dla Windows i w Outlooku dla Maca, dopóki odbiorca ich nie pobierze, oraz w Gmailu w wiadomościach, które uzna za podejrzane.
• Co grozi: e-mail bez czytelnego tekstu trafi do spamu, odbiorca bez obrazów nie zrozumie oferty, a duże pliki długo ładują się na telefonie.

Co się zmieniło od publikacji artykułu: Pierwotny artykuł z czerwca 2017 r. podsumowywał badanie o treści wizualnej w marketingu i mediach społecznościowych. W październiku 2026 r. przepisaliśmy go na praktyczny poradnik o obrazach w e-mailu: doszły proporcje tekstu i obrazów, przegląd programów pocztowych, które blokują obrazy, przygotowanie obrazów w sześciu krokach i linki do szczegółowych poradników. Statystyki z lat 2016 i 2017 o mediach społecznościowych pominęliśmy, bo nie dotyczyły e-maila.

Czym są obrazy w e-mailu i do czego służą

Obraz w e-mailu to plik zapisany na serwerze, który program pocztowy pobiera i wyświetla przy otwarciu wiadomości. W odróżnieniu od tekstu nie jest częścią samego e-maila. Jeśli program go nie pobierze, odbiorca zobaczy zamiast niego puste miejsce albo tekst alternatywny.

Obrazy w e-mailu służą głównie do trzech rzeczy:

• Pokazać, o czym mówisz: produkt, miejsce, człowieka albo wynik, który trudno opisać słowami.
• Ułatwić orientację: logo w nagłówku, ikony przy korzyściach albo wykres z liczbami pomogą czytelnikowi szybko zrozumieć, gdzie jest i co jest ważne.
• Budować wizerunek marki: te same kolory, styl zdjęć i logo sprawiają, że newsletter jest rozpoznawalny.

Obraz, który nic nie pokazuje, tylko wydłuża e-mail i spowalnia ładowanie. Zdjęcie z banku zdjęć, które pasowałoby do każdej firmy, lepiej pomiń.

Jakie są właściwe proporcje tekstu i obrazów w e-mailu

Proporcje tekstu i obrazów to stosunek ilości tekstu w e-mailu do powierzchni, jaką zajmują obrazy. Oficjalnej wartości nie ustala żaden program pocztowy ani filtr antyspamowy. W praktyce często podaje się mniej więcej 60% tekstu i 40% obrazów, ale to orientacyjna wskazówka, a nie zasada.

Dlaczego proporcje mają znaczenie: filtry antyspamowe nie odczytają tekstu wewnątrz obrazu. Spamerzy dawniej to wykorzystywali i wysyłali e-maile, które były jednym dużym obrazem. Filtry dlatego oceniają e-mail z małą ilością tekstu i dużymi obrazami jako ryzykowny.

Źródło: Mailchimp, The Most Common Spam Filter Triggers (2009); Litmus, Email Image Blocking: Answering the What, Why, Where, Who, and How (2017, aktualizacja 2021).

Dane Mailchimpa są starsze, ale zasada nadal obowiązuje: dziś o dostarczeniu decyduje głównie reputacja nadawcy, uwierzytelniona domena i zainteresowanie odbiorców, a e-mail z jednego obrazu dokłada do tego niepotrzebne ryzyko. Więcej o tym, co dziś decyduje o spamie, znajdziesz w artykule Czym jest spam i 4 zasady, żeby e-maile nie trafiały do spamu.

Uwaga: Najgorsze połączenie to e-mail, w którym cała oferta, cena i przycisk są częścią jednego obrazu. Filtr antyspamowy nie znajdzie w nim tekstu, czytnik ekranu nic nie odczyta, a w Outlooku dla Windows odbiorca po otwarciu zobaczy tylko puste miejsce.

Ile obrazów dać do e-maila

Do e-maila daj tyle obrazów, ile ma swój cel. Stałej liczby, która pasowałaby do newslettera, oferty i wiadomości serwisowej, nie podaje żadne sprawdzone badanie. Decyduje rodzaj e-maila i to, co odbiorca ma zrobić.

E-mail, który wygląda jak osobista wiadomość, często działa w ogóle bez obrazów. Jak pisać tekst, który ludzie doczytają, opisuje artykuł Copywriting e-maili: jak pisać teksty, które ludzie czytają.

Gdzie obrazy w e-mailu się nie wyświetlą

Blokowanie obrazów oznacza, że program pocztowy nie pobiera obrazów automatycznie przy otwarciu wiadomości i wyświetla je dopiero na polecenie odbiorcy. Robią to głównie programy komputerowe Microsoftu, ze względu na bezpieczeństwo i śledzenie otwarć.

Źródło: Microsoft, pomoc dotycząca blokowania automatycznego pobierania obrazów w wiadomościach e-mail; Google, pomoc Gmaila dotycząca wyświetlania obrazów w e-mailach; Litmus, Email Image Blocking (aktualizacja 2021).

Według Litmusa Apple i Gmail razem odpowiadają za ponad 90% śledzonych otwarć, więc większość odbiorców obrazy zobaczy. Outlook na komputerze jest jednak częsty w firmach, więc w e-mailach B2B może blokować obrazy znacznej części odbiorców.

Na wypadek, gdy obrazy się nie załadują, uzupełnij tekst alternatywny. W Quandzie możesz go nawet ostylować, żeby zamiast obrazu wyświetlił się kolorowy nagłówek. Instrukcję znajdziesz w artykule Brak obrazków w e-mailu? Stylizowany alt text pokaże nagłówek. Jak automatyczne pobieranie obrazów w Apple Mail wpływa na wskaźnik otwarć, wyjaśnia artykuł Apple Mail Privacy Protection: co zmienia we wskaźniku otwarć.

Jak przygotować obrazy do e-maila: 6 kroków

Obrazy do e-maila przygotujesz w sześciu krokach: napiszesz główny przekaz tekstem, wybierzesz format, przygotujesz rozmiar, uzupełnisz tekst alternatywny, sprawdzisz tryb ciemny i wyślesz sobie e-mail testowy.

Krok 1: Napisz główny przekaz tekstem

Ofertę, cenę, termin i wezwanie do działania napisz w tekście e-maila, a nie w obrazie, żeby odbiorca widział je także bez obrazów. Przycisk utwórz jako przycisk w edytorze, a nie jako obraz przycisku. Tekst w obrazie jest poza tym na telefonie często tak mały, że nie da się go przeczytać.

Krok 2: Wybierz właściwy format

Zdjęcia zapisz jako JPG, logo i grafikę z tekstem jako PNG, a animacje jako GIF. W naszym pomiarze to samo zdjęcie 1240 × 827 px miało jako PNG 2,0 MB, a jako JPG w jakości 80% tylko 242,9 kB. Formatów WebP, AVIF, SVG i HEIC nie wyświetli każdy program pocztowy. Szczegółowe porównanie znajdziesz w artykule JPG, PNG czy GIF? Jakiego typu pliku obrazów użyć w e-mailingu.

Krok 3: Przygotuj rozmiar obrazu

Obraz przytnij do proporcji miejsca w e-mailu, zmniejsz go do dwukrotności szerokości tego miejsca i trzymaj plik jak najmniejszy, na pewno poniżej 2 MB. Domyślna szerokość e-maila w Quandzie to 650 px, obraz na całą szerokość ma po odjęciu marginesów 618 px, więc plik przygotuj o szerokości około 1240 px. Dwukrotność jest potrzebna ze względu na ekrany o wysokiej rozdzielczości, takie jak iPhone'y i Maki z ekranem Retina.

Instrukcję w edytorze online opisują artykuły Jak przyciąć obrazek do wymaganego rozmiaru i Jak zmienić rozmiar obrazka online.

Krok 4: Uzupełnij tekst alternatywny

Do każdego obrazu napisz krótki tekst alternatywny, który opisuje, co obraz przekazuje. Obrazom dekoracyjnym zostaw tekst alternatywny pusty. Tekst alternatywny (alt text) to opis obrazu, który program pocztowy wyświetla zamiast obrazu, gdy ten się nie załaduje, i który czytnik ekranu odczytuje na głos. Pisz „Wiosenna kolekcja butów z rabatem 20%”, a nie „banner1.jpg” ani „obraz”.

Krok 5: Sprawdź tryb ciemny

Logo i grafikę z przezroczystym tłem wypróbuj na ciemnym tle, a ciemnemu tekstowi na przezroczystym tle dodaj jasny obrys. Tryb ciemny to widok, w którym program pocztowy pokazuje e-mail z jasnym tekstem na ciemnym tle. Według Litmusa niektóre programy w ogóle nie zmieniają kolorów (Apple Mail, Gmail na komputerze), inne odwracają tylko jasne powierzchnie (Outlook.com, aplikacja Outlook na telefonie, Gmail na Androida), a kolejne odwracają wszystkie kolory (Gmail na iPhone'a, Outlook dla Windows). Czarne logo na przezroczystym tle znika wtedy na ciemnym tle. Jak pracować z kolorami, opisuje artykuł Psychologia kolorów w marketingu: kolory po swojej stronie.

Krok 6: Wyślij sobie e-mail testowy

E-mail testowy otwórz na komputerze i na telefonie, z włączonymi i wyłączonymi obrazami, a przed wysłaniem sprawdź wynik SPAM testu. W Gmailu obrazy wyłączysz w ustawieniach w sekcji Obrazy opcją pytania przed wyświetleniem obrazów zewnętrznych. Jeśli bez obrazów nie wiesz, o co chodzi w e-mailu i gdzie kliknąć, przenieś ważny tekst z obrazów do tekstu.

Skąd wziąć obrazy do e-maila

Obrazy do e-maila możesz wziąć z trzech źródeł, a każde ma inne zalety:

Przegląd banków zdjęć z licencjami znajdziesz w artykule Darmowe zdjęcia do e-maili: gdzie je znaleźć i jak używać, porównanie narzędzi i poradnik promptów w artykule Generatory obrazów AI: duże porównanie i poradnik promptów.

Obrazy w e-mailu w Quandzie

W Quandzie dodajesz obrazy do e-maila w edytorze e-maili blokiem Obraz, a jego ustawienia zmieniasz w prawym panelu. Obraz zawsze dopasuje się do miejsca, jakie ma w e-mailu. Dla telefonu możesz ustawić osobną szerokość obrazu od 10 do 100%, więc logo może być na komputerze małe, a na telefonie większe.

Wymiary obrazów wyjaśnia instrukcja Wymiary obrazka w kampanii e-mailowej.

Quanda automatycznie tworzy do e-maila wersję tekstową, którą możesz edytować w edytorze e-maili. E-mail nie składa się więc tylko z części HTML. SPAM test w ustawieniach wysyłki kampanii ocenia także proporcje tekstu i obrazów: e-mail z małą ilością tekstu i dużymi obrazami dostanie gorszy wynik. Instrukcja jest w poradniku Ustawienie wysyłki w prostej kampanii.

Wskazówka: Jeśli chcesz zaprojektować e-mail własnym kodem, przestrzegaj tych samych zasad także w HTML: obrazy z tekstem alternatywnym, tekst jako tekst i kod poniżej 102 kB, żeby Gmail go nie przyciął. Więcej w artykule Jak stworzyć e-mail HTML: 7 zasad, żeby się nie rozsypał.

Checklista obrazów przed wysłaniem e-maila

Przed wysłaniem sprawdź:

• Oferta, cena, termin i wezwanie do działania są napisane tekstem.
• E-mail nie jest jednym dużym obrazem i ma sens także bez obrazów.
• Każdy obraz ma w e-mailu swój cel.
• Zdjęcia są w JPG, logo i grafika w PNG, animacje w GIF.
• Obrazy mają dwukrotność szerokości miejsca w e-mailu i żaden plik nie ma ponad 2 MB.
• Obrazy z treścią mają tekst alternatywny, dekoracyjne pusty.
• Logo jest czytelne także w trybie ciemnym.
• E-mail testowy otworzyłem na komputerze, na telefonie i bez obrazów.
• SPAM test nie zgłasza problemu.

Podsumowanie

Obrazy pomagają e-mailowi, gdy pokazują coś, czego tekst nie potrafi, i gdy e-mail działa także bez nich. Pisz główny przekaz tekstem, przygotuj obrazy we właściwym formacie i rozmiarze i zawsze wyślij sobie e-mail testowy. Jeśli potrzebujesz pomocy z kampanią e-mailową, napisz do nas na support@onquanda.com albo umów się na bezpłatną konsultację. Jak pracować z obrazami w całym e-mailu, pokazuje bezpłatny kurs online Copywriting i design e-maili.