Jak sprawić, aby wiadomości wyglądały dobrze w Outlooku?

Niektóre wersje Microsoft Outlook mogą różnić się podejściem do wyświetlania wiadomości email. W tym artykule opisano najczęstsze rozbieżności.

Należy pamiętać, że nie mamy kontroli nad tym, jak Outlook renderuje wiadomości. Chcielibyśmy jednak przedstawić kilka wskazówek, jak zminimalizować zmiany wprowadzane przez tę aplikację.

Linie automatycznie dodawane do wiadomości

Linie przyjmują kolor tła w treści wiadomości, więc możesz zacząć od dostosowania koloru tła. Pomocne może być również umieszczenie wszystkiego w jednej sekcji zamiast dzielenia wiadomości na różne sekcje (sekcje nie powinny być jednak zbyt długie). Czasami dostosowanie rozmiaru czcionki również może pomóc.

Animowane gify nie są wyświetlane

Wersje Outlook’a sprzed 2019 nie wspierają animowanych gifów. Jeśli chcesz używać plików GIF w swoich wiadomościach, upewnij się, że najważniejsza informacja jest widoczna w pierwszym kadrze GIF, tak aby była ona widoczna również dla użytkowników starszych wersji Outlook.

Obramowanie i marginesy wewnętrzne nie są wyświetlane

Niektóre wersje Outlook usuną obramowanie w różnych sytuacjach. Jedną z najczęstszych jest obramowanie obrazu, które jeśli będzie zignorowane może spowodować, że tekst będzie wyświetlany równo z obrazem. Aby obejść ten problem, dodaj do obrazu obramowanie w tym samym kolorze co tło zamiast wypełnienia.

Desktopowe wersje programu Outlook nie obsługują stylizacji tagów <div>, co oznacza, że niektóre podziały wierszy nie będą respektowane. Interlinia również zostanie pominięta.

Moje tło i styl nie są wyświetlane

Outlook nie obsługuje niektórych opcji stylizacji. Na przykład zaokrąglone obramowanie nie będzie działać.

Outlook usuwa również styl linków, jeśli dodasz adres URL bez http:// lub https:// (na przykład własne linki protokołów). 

Outlook nie obsługuje następujących stylów CSS:

  • background-attachment
  • background-image
  • background-position
  • background-repeat
  • clear
  • display
  • float
  • list-style-image
  • list-style-position
  • text-transform
  • word-spacing

więc, np. jeśli używasz grafiki jako tła, nie zostanie ona wyświetlona w Outlooku. 

Moja grafika nie wyświetla się

Outlook ma maksymalny limit wysokości przewijania, który wynosi 2000 pikseli. Jeśli obraz jest wyższy, opcja wyświetlania obrazów nie pojawi się dla tego obrazu.

Ponadto zostaną obcięte większe akapity.

Moja czcionka nie jest wyświetlana

Program Outlook obsługuje stałą liczbę czcionek — zalecamy zawsze ustawianie czcionek zastępczych dla wszystkich niestandardowych czcionek, które dodajesz. Czcionka zastępcza jest czcionką, która zostanie załadowana, gdy wybrana czcionka webowa nie może być wyświetlana w danym kliencie pocztowym. Bezpieczne czcionki to:

  • Courier
  • Courier New
  • New Arial
  • Arial black
  • Veranda
  • Tahoma Georgia
  • Times New Roman

Problemy z szerokością wiadomości

Szerokość przyjazna dla programu Outlook wynosi 550-600px – szersze wiadomości mogą nie być prawidłowo wyświetlane w programie Outlook.

Dwie kolumny są ułożone w jedną

Niektóre desktopowe wersje programu Outlook próbują układać zawartość w kolumnach umieszczonych jedna pod drugą, tak jak ma to miejsce w responsywnych szablonach wiadomości na urządzenia mobilne. Aby tego uniknąć, wybierz opcję Zachowaj kolumny obok siebie na urządzeniach mobilnych we właściwościach mobilnego widoku wiadomości.

Grafiki mają różny rozmiar

Microsoft Outlook automatycznie dostosowuje rozdzielczość obrazu do 96 dpi, więc upewnij się, że dostosowałeś grafikę przed dodaniem jej do Plików i obrazów.

Niektóre wersje Outlooka mogą nie skracać linków, jeśli ta opcja nie została wybrana w ustawieniach.

Inne rzeczy, o których należy pamiętać

  • Im starsza wersja Outlooka, tym mniejsza szansa, że będzie obsługiwać cześć stylów HTML5.
  • Wersje desktopowe nie są aktualizowane tak szybko jak wersje przeglądarkowe, więc zauważalne będą różnice w zależności od tego, jakiej wersji używasz.
  • Przetestuj wiadomość w podglądzie ze skrzynki, aby zobaczyć, jak będzie ona renderowana przez program Outlook.
  • Używaj linków do wersji online wiadomości, aby pozwolić odbiorcom na wyświetlenie niezmienionej wiadomości w przeglądarce.
  • Upewnij się, że tekst nie został skopiowany z zewnętrznego edytora – wiele nieobsługiwanych opcji formatowania, które mogą nie być widoczne w kreatorze, może być odczytane przez program Outlook i zepsuć układ.