Twój avatar
W sekcji NADAWCA możesz dodać avatar obok adresu nadawcy swoich wiadomości. Avatar będzie również widoczny w powiadomieniach push. Standardowy rozmiar to 110x110 px. Upewnij się, że używasz odpowiedniego rozmiaru obrazu. Może to być zdjęcie lub logo, najczęściej jego pomniejszona wersja albo symbol.
Pop-up: wersja desktopowa
Wersja desktopowa pop-upu działa w różnych rozmiarach, zazwyczaj od 450 do 700 px szerokości i od 500 do 300 px wysokości. Rozmiar zależy od Ciebie i efektu, jaki chcesz osiągnąć. Jeśli korzystasz z szablonu z obrazem bocznym i proporcji 50% obrazka, przesłany obraz powinien mieć około 300 px szerokości i 500 px wysokości - to wartości zmienne, bo zależą od wymiarów okienka i proporcji jakie wybierzesz.
Natomiast w przypadku obrazów w tle trzymaj się rozmiarów sugerowanych dla całego pop-upu, a więc ok. 600x400 px.
Pop-up: wersja mobilna
Wersja mobilna zazwyczaj ma 300 px szerokości i 450 px wysokości, choć może się nieznacznie różnić. Ze względu na mniejszą przestrzeń w porównaniu z wersją desktopową nie da się umieścić obrazu w taki sam sposób. W tym przypadku priorytetem są wszystkie najważniejsze informacje i elementy, dlatego zazwyczaj ukrywamy obraz z wersji desktopowej.
Zawsze sprawdź, jak pop-up wygląda, korzystając z opcji preview!
Push newsletter
Push Newsletter składa się z małego obrazu, zazwyczaj logo Twojej firmy, oraz większego obrazu służącego do komunikowania ofert lub promocji. Rozmiar jest stały: 420 px szerokości i 210 px wysokości dla obrazu głównego oraz 110x110 px dla avatara.
Weblayer slider
Weblayer to wysuwany pop-up przy krawędzi strony, widoczny na desktopie. W systemie możesz w pełni edytować swój Weblayer, dzięki czemu będzie spójny z estetyką sklepu. Używając grafiki w tle, możesz sugerować się z proponowanymi wymiarami grafik dla pop-upów. Wszystkie elementy wysuwanych okienek są edytowalne: checkboxy, przyciski, teksty, obrazy, odstępy itd. Zawsze przetestuj Weblayer przed publikacją, korzystając z opcji podglądu.
Weblayer banner
Przykłady szablonów znajdziesz w sekcji Szablony, podczas konfiguracji Weblayera. Przykładowy wymiar bannera typu pasek to 1920x120 px. Wszystkie elementy są w pełni edytowalne. Zawsze przetestuj banner przed publikacją.
Wymiary grafik w kreatorze wiadomości
Przy dodawaniu zdjęć w kreatorze wiadomości warto pamiętać o kilku zasadach, które ułatwią poprawne wyświetlanie kampanii w skrzynkach odbiorców. Zastanawiając się nad odpowiednim rozmiarem grafik, upewnij się, że szerokość wiadomości odpowiada Twoim potrzebom. Możesz skorzystać z dowolnego rozmiaru, ale sugerujemy wybór spośród sugerowanych rozmiarów:
Szerokość 600 px to standard w e-mail marketingu. Wiadomości o takiej szerokości są lekkie, dobrze wyświetlają się na większości urządzeń i nie zwiększają ryzyka trafienia do folderu SPAM. Warto jednak pamiętać, że na urządzeniach mobilnych e-mail będzie zwykle wyświetlany w szerokości około 400–450 px. Oznacza to, że układ wiadomości może wyglądać nieco inaczej niż na komputerze. Dlatego zawsze sprawdzaj podgląd wiadomości zarówno w wersji desktop, jak i mobile.
Szerokość 450 px na komputerze będzie wyglądała na dosyć wąską, ale nadal pozostanie czytelna. Na urządzeniach mobilnych jej wygląd będzie bardzo zbliżony do wersji desktopowej, dlatego ryzyko zmian w układzie jest mniejsze. To dobre rozwiązanie, jeśli zależy Ci na tym, aby e-mail wyglądał podobnie niezależnie od urządzenia.
Wiadomości w szerokości od 700 do 900 px są szersze w wersji desktopowej i nadal poprawnie wyświetlają się w skrzynkach odbiorczych. Nie zalecamy jednak ustawiania szerokości większej niż 900 px, ponieważ może to negatywnie wpłynąć na czytelność i zgodność wiadomości z projektem. Na urządzeniach mobilnych taka wiadomość zostanie wyświetlona w znacznie mniejszej szerokości. Elementy graficzne będą skalowane, dlatego warto zwrócić szczególną uwagę na teksty umieszczone na grafikach. Drobne napisy mogą być słabo widoczne lub nieczytelne w wersji mobile.
Wymiary grafik w wiadomości
Grafiki o szerokości Twojej wiadomości – to popularne rozwiązanie, które pozwala stworzyć spójną i estetyczną kompozycję. Pamiętaj jednak, że na urządzeniach mobilnych grafika zostanie zmniejszona. Jeśli umieszczasz na banerze tekst, upewnij się, że będzie on czytelny również w wersji mobile. Zbyt drobne napisy mogą stać się mniejsze niż treść maila, a nawet trudne do odczytania. Dlatego szczególnie ważne jest postawienie na większy rozmiar napisów i dobry kontrast między typografią, a tłem.
Na przykładzie baner w rozmiarze 600x340 px: wyświetlanie w wersji mobilnej i desktopowej.
Grafiki o szerokości około 450 px: na komputerach grafika o tym rozmiarze zostawi spore marginesy po bokach. To rozwiązanie może być dla Ciebie, jeśli zależy Ci na tym, by baner wyglądał podobnie w wersji desktop i mobile.
Na przykładzie baner w rozmiarze 450x515 px: jak widzisz proporcje maila nie uległy dużej zmianie.
Długość grafik jest dowolna — to szerokość wpływa na skalowanie grafik. Dobierz ją do swoich potrzeb i estetyki marki.
Czy mogę używać GIF-ów w mailingach?
GIF-y można dodać do wiadomości, pod warunkiem że ich waga nie przekracza 2 MB.
Warto jednak pamiętać o kilku kwestiach używając GIF-ów:
GIF-y obsługują tylko 256 kolorów na klatkę, co sprawia, że grafiki tracą nasycenie i wyglądają mniej atrakcyjnie,
są zazwyczaj ciężkie, co może:
spowolnić ładowanie wiadomości,
powodować problemy z wyświetlaniem,
zwiększyć ryzyko trafienia do folderu SPAM.
Optymalizacja GIF-a (zmniejszenie wagi) jest możliwa, ale znacząco pogarsza jakość. Grafika staje się „wypłowiała" i mniej czytelna.
👉 Dlatego rekomendujemy korzystanie z lżejszych formatów statycznych (JPG, PNG) lub krótkich filmów osadzonych jako link.
Potrzebujesz dodatkowej pomocy?
Jeżeli masz jakiekolwiek pytania na temat grafik w edrone, skontaktuj się z nami na hello@edrone.me