treść e-maila zasłonięta przez grafiki

Treść e-maila zasłonięta przez grafiki staje się niewidoczna, gdy klient pocztowy blokuje ich ładowanie.

Jak grafiki mogą zasłonić treść wiadomości HTML

Wiadomość e-mail może być zapisana jako dokument HTML, w którym tekst, obrazy i style CSS tworzą wspólny układ wizualny. Jeżeli autor umieści tekst na obrazie, użyje obrazu jako tła albo zastosuje grafikę przykrywającą fragment wiadomości, odbiorca nie zobaczy właściwej treści po zablokowaniu obrazów. Klient pocztowy wyświetli wtedy samą strukturę HTML, ale zabraknie elementu, na którym opierał się przekaz. Dotyczy to między innymi banerów reklamowych, przycisków wykonanych jako pliki PNG oraz nagłówków zapisanych wyłącznie w formie grafiki.

Obrazy w wiadomościach mogą być pobierane z zewnętrznego adresu HTTP lub HTTPS, dołączone bezpośrednio do wiadomości albo osadzone jako część MIME wskazywana przez identyfikator cid:. Przy obrazach zdalnych klient pocztowy często wstrzymuje pobieranie do czasu zgody użytkownika. Przy załącznikach inline grafika może być dostępna w wiadomości, ale również może zostać ukryta przez ustawienia bezpieczeństwa lub tryb tekstowy. Samo zablokowanie obrazu nie usuwa tagów tekstowych z kodu HTML, jednak nie przywraca informacji, która była zapisana tylko w pliku graficznym.

Różnica między tekstem HTML a informacją zapisaną w obrazie

Tekst pozostaje dostępny po wyłączeniu grafik tylko wtedy, gdy został zapisany jako tekst w kodzie wiadomości, na przykład wewnątrz elementu <p>, <td> albo nagłówka HTML. Taki tekst może zostać sformatowany za pomocą CSS, lecz jego obecność nie zależy od pobrania pliku obrazu. Jeżeli natomiast wiadomość zawiera obraz z napisem, klient pocztowy nie ma skąd pobrać znaków tworzących ten napis. Atrybut alt może wyświetlić krótki opis zastępczy, ale nie odtworzy całego układu ani pełnej treści grafiki.

Problematyczne są także techniki, w których obraz stanowi tło komórki tabeli, a tekst znajduje się pod nim lub ma kolor zbliżony do koloru tła. Większość biuletynów i szablonów pocztowych wykorzystuje tabele HTML, ponieważ różne klienty pocztowe obsługują CSS w odmiennym zakresie. Błąd w kolejności warstw, stylu display, wymiarach elementu lub kolorze tekstu może spowodować, że po zablokowaniu grafiki pozostanie pusta przestrzeń albo niewidoczny napis. Weryfikacja powinna obejmować zarówno widok z włączonymi obrazami, jak i widok po ich całkowitym zablokowaniu.

Ustawienia klienta pocztowego i diagnostyka pustej wiadomości

Jeżeli treść znika tylko w jednym programie pocztowym, przyczyną może być jego konfiguracja lub sposób interpretacji HTML. Warto sprawdzić, czy program ma włączone automatyczne pobieranie obrazów zdalnych, czy wiadomość jest wyświetlana w trybie HTML oraz czy nie została przełączona na format czystego tekstu. Trzeba również porównać tę samą wiadomość w przeglądarce webmail i w innym kliencie. Jeżeli wszędzie widoczny jest jedynie obraz albo puste miejsce, problem najprawdopodobniej znajduje się w konstrukcji samej wiadomości, a nie w lokalnym ekranie.

Przydatne jest otwarcie źródła wiadomości i sprawdzenie nagłówka Content-Type. Wiadomość wieloczęściowa może mieć strukturę multipart/alternative, w której występuje wersja text/plain oraz text/html. Wersja tekstowa powinna zawierać podstawowy przekaz i adresy odnośników, natomiast wersja HTML może dodawać formatowanie. Jeżeli część text/plain jest pusta, a część HTML korzysta wyłącznie z grafik, użytkownik z wyłączonym pobieraniem obrazów zobaczy niepełną wiadomość. W źródle można też sprawdzić, czy odwołania src prowadzą do istniejących adresów oraz czy zasoby nie zwracają błędów HTTP.

Naprawa szablonu e-maila i sprawdzenie komputera

Poprawa polega na przeniesieniu istotnych informacji do zwykłego tekstu HTML, dodaniu opisowych wartości alt do obrazów oraz przygotowaniu równoległej wersji text/plain. Grafika może uzupełniać przekaz, ale nie powinna być jedynym miejscem, w którym zapisano temat, instrukcję, numer telefonu lub tekst przycisku. Warto także unikać umieszczania tekstu pod tłem, stosować kontrastowe kolory i testować szablon przy zablokowanych obrazach. Jeśli obraz jest linkiem, jego atrybut alt powinien jasno określać funkcję, na przykład „Otwórz formularz kontaktowy”, zamiast pozostawać pusty.

Warszawskie Pogotowie Komputerowe zajmuje się profesjonalną naprawą laptopów, komputerów PC i ich podzespołów, a przy problemach z wyświetlaniem poczty można sprawdzić ustawienia klienta, przeglądarkę, połączenie sieciowe oraz poprawność instalacji programu. Diagnostyka pozwala rozdzielić błąd szablonu wiadomości od lokalnej blokady obrazów, uszkodzonego profilu pocztowego lub problemu z renderowaniem HTML. Po zmianie ustawień należy ponownie otworzyć kilka wiadomości testowych i potwierdzić, że tekst pozostaje czytelny zarówno przy pobieraniu grafik, jak i po ich zablokowaniu.