Przewodnik po optymalnych rozmiarach i wymiarach podpisu w wiadomościach e-mail
March 18, 2026
Skrócona instrukcja
Jeśli potrzebujesz tylko szybkiej odpowiedzi, skorzystaj z poniższych wymiarów podpisu e-mailowego:
- Maksymalna szerokość na komputerze stacjonarnym: 600 pikseli
- Maksymalna szerokość na urządzeniu mobilnym: docelowo 320 pikseli lub płynny układ, który płynnie się skaluje
- Idealna całkowita wysokość: od 150 do 200 pikseli
- Rozmiar wyświetlania logo: szerokość od 120 do 200 pikseli
- Rozmiar wyświetlania zdjęcia portretowego: 100 x 100 pikseli lub 150 x 150 pikseli
- Rozmiar banera: 600 x 100 do 150 pikseli
- Rozmiar pojedynczego pliku graficznego: najlepiej poniżej 50 KB
- Waga kodu HTML: nie więcej niż 100 KB, najlepiej poniżej 80 KB
- Ustawienia eksportu: 72 PPI to typowe ustawienie eksportu do sieci
- Zasada Retina: przesyłaj obrazy o rozmiarze dwukrotnie większym od rozmiaru wyświetlania, a następnie wyświetlaj je w mniejszym rozmiarze
Wartości te są zgodne z aktualnymi wytycznymi dotyczącymi projektowania wiadomości e-mail od Exclaimer, Mailchimp, Litmus oraz artykułami porównawczymi od WiseStamp i Newoldstamp. Exclaimer zaleca szerokość 600 pikseli dla komputerów stacjonarnych i 320 pikseli dla urządzeń mobilnych, przy czym idealna wysokość wynosi od 150 do 200 pikseli. Mailchimp nadal zaleca, aby szerokość wiadomości e-mail mieściła się w przedziale od 600 do 800 pikseli, ponieważ okienka podglądu są wąskie, podczas gdy Litmus zauważa, że Gmail przycina wiadomości, gdy rozmiar pliku HTML przekracza 102 KB.
Jaki jest najlepszy rozmiar podpisu w wiadomości e-mail?
Najbezpieczniejszy rozmiar podpisu e-mailowego dla większości firm to 600 pikseli szerokości i 150–200 pikseli wysokości.
Dlaczego 600 pikseli? Ponieważ klienci poczty elektronicznej są nadal znacznie mniej wyrozumiali niż strony internetowe. W przewodniku projektowania wiadomości e-mail Mailchimp zaleca szerokość od 600 do 800 pikseli dla wiadomości HTML i wyraźnie ostrzega, że wąskie okna podglądu mogą uciąć wiadomości szersze niż ten zakres. Exclaimer idzie o krok dalej i zaleca 600 pikseli jako idealną szerokość podpisu na komputerze stacjonarnym. Innymi słowy, 600 pikseli to praktyczny kompromis: wystarczająco szeroki, aby zmieścić imię i nazwisko, stanowisko, dane kontaktowe, logo i małe wezwanie do działania, ale wystarczająco wąski, aby dobrze wyświetlać się w Gmailu, Outlooku i okienkach podglądu.
Wysokość też ma znaczenie, ale mniej niż szerokość. Podpis, który pod każdą wiadomością e-mail staje się wysokim blokiem, szybko zaczyna przeszkadzać. Utrzymuj wysokość stopki e-maila na poziomie 150–200 pikseli, aby podpis wspierał wiadomość, a nie ją przytłaczał. Zakres ten odpowiada również aktualnym wytycznym Exclaimer i WiseStamp.
Jeśli przekroczysz szerokość 600 pikseli, zazwyczaj dzieją się dwie rzeczy. Na komputerze stacjonarnym podpis może zacząć wyglądać na przeładowany w okienkach podglądu. Na telefonie może się dziwnie zawijać, zgniatać lub skalować, aż tekst stanie się malutki. Dokumentacja pomocy technicznej Exclaimer wyraźnie zaznacza, że zbyt szerokie szablony mogą się zepsuć na mniejszych ekranach, a układy o stałej szerokości mogą powodować problemy ze skalowaniem na urządzeniach mobilnych.
Rozmiar obrazu w podpisie e-mailowym: logo i zdjęcia portretowe
Kiedy ludzie szukają informacji na temat rozmiaru obrazu w podpisie e-mailowym, zazwyczaj mają na myśli jedną z dwóch rzeczy: logo lub zdjęcie portretowe.
W przypadku logo należy utrzymać wyświetlany rozmiar na poziomie około 120–200 pikseli szerokości. Dla większości poziomych logo 300 x 100 pikseli powinno być traktowane jako sztywny limit, a nie docelowy rozmiar. Wytyczne Exclaimer zawierają przykład o wymiarach 200 x 100 pikseli, podczas gdy Newoldstamp sugeruje około 100 x 100 pikseli jako ogólny punkt odniesienia dla logo w kompaktowych podpisach. Dokładna wartość zależy od znaku marki, ale podstawowa zasada jest prosta: logo powinno wspierać podpis, a nie dominować nad nim.
W przypadku zdjęcia portretowego użyj 100 x 100 pikseli, jeśli chcesz uzyskać kompaktowy układ, lub 150 x 150 pikseli, jeśli zdjęcie jest ważniejszą częścią projektu. Wszystko, co jest znacznie większe, zazwyczaj marnuje przestrzeń poziomą, którą lepiej przeznaczyć na czytelne dane kontaktowe.
Oto ważna kwestia, którą większość ludzi pomija: wyświetlany rozmiar i rozmiar przesłanego pliku to nie to samo.
Ekrany o wysokiej gęstości wykorzystują więcej fizycznych pikseli do wyświetlenia tego samego rozmiaru CSS. MDN wyjaśnia to za pomocą devicePixelRatio, a Litmus pokazuje praktyczną wersję tego w e-mailach: jeśli chcesz, aby obraz był wyświetlany w rozmiarze 100 x 100 pikseli, prześlij go w rozmiarze około 200 x 200 pikseli i zmniejsz go w kodzie HTML. To najprostszy sposób na zachowanie ostrości logo i zdjęć portretowych na ekranach Retina i innych ekranach o wysokim DPI.
Na przykład:
- Wyświetlane zdjęcie portretowe: 100 x 100 px
- Przesłany obraz źródłowy: 200 x 200 px
- Wyświetlane logo: 150 x 50 px
- Przesłany obraz źródłowy: 300 x 100 px
Niemniej jednak klienci poczty elektronicznej mogą sprawiać kłopoty. Exclaimer dokumentuje powszechny problem, w którym niektórzy klienci przywracają obraz do jego pierwotnego rozmiaru podczas odpowiadania lub przekazywania dalej, jeśli przesłany plik jest większy niż wyświetlany rozmiar. Litmus zauważa również, że Outlook może wymagać wyraźnego określenia szerokości i maksymalnej szerokości dla obrazów Retina. Właśnie dlatego ręczne skalowanie obrazów w HTML wiadomości e-mail jest tak frustrujące.
Rozmiar pliku ma znaczenie: dlaczego liczy się liczba KB
Nawet najlepsze wymiary podpisu e-mailowego na świecie nie pomogą, jeśli podpis jest zbyt ciężki.
Litmus dzieli wagę wiadomości e-mail na dwie części: wagę HTML i wagę po załadowaniu. Waga HTML to rozmiar samego kodu. Waga po załadowaniu obejmuje wszystko, co jest potrzebne do pełnego wyrenderowania wiadomości e-mail, w tym obrazy i czcionki. Gmail przycina wiadomości, gdy kod HTML przekracza 102 KB, a Litmus zaleca, aby w miarę możliwości nie przekraczać 80 KB.
Dlatego najmądrzejsza zasada brzmi:
- Utrzymuj kod HTML podpisu poniżej 100 KB
- Utrzymuj poszczególne obrazy poniżej 50 KB, gdy tylko jest to możliwe
- Unikaj niepotrzebnych ikon, ogromnych zdjęć i ciężkich plików GIF
Exclaimer zaleca utrzymywanie obrazów w podpisie poniżej 50 KB, podczas gdy WiseStamp sugeruje ograniczenie obrazów w podpisie i traktowanie 100 KB jako górnej granicy.
Nie należy również mylić przycinania HTML z rozmiarem obrazu. Litmus zwraca uwagę, że próg przycinania Gmaila wynoszący 102 KB dotyczy kodu HTML, a nie samych bajtów obrazu. Jednak duże lub nieskompresowane obrazy nadal zwiększają rozmiar pliku, spowalniają renderowanie i pogarszają wrażenia użytkownika, zwłaszcza w przypadku połączeń mobilnych.
Jeśli chodzi o format pliku:
- PNG jest zazwyczaj najlepszy dla logo, ikon i grafiki, które wymagają przezroczystości lub ostrych krawędzi.
- JPG lub JPEG najlepiej nadaje się do zdjęć portretowych i fotografii.
- GIF może sprawdzić się w przypadku prostych animacji, ale szybko staje się ciężki, więc używaj go ostrożnie.
Jeśli obraz zawiera tekst, ostre linie lub przezroczystość, format PNG jest zazwyczaj bezpieczniejszy. Jeśli jest to prawdziwe zdjęcie, format JPEG zazwyczaj zapewni najlepszy stosunek jakości do rozmiaru pliku.
Optymalizacja mobilna: zasada 320 pikseli
Jeśli ignorujesz urządzenia mobilne, projektujesz swoją sygnaturę na niewłaściwy ekran.
Exclaimer zaleca 320 pikseli jako idealną szerokość mobilnej sygnatury e-mailowej, ponieważ ekrany urządzeń mobilnych mają zazwyczaj szerokość od 320 do 500 pikseli. Newoldstamp podziela tę opinię: około 320 pikseli jest preferowane, jeśli chcesz, aby sygnatura idealnie pasowała do pionowych ekranów urządzeń mobilnych.
Ma to jeszcze większe znaczenie, ponieważ Apple i Gmail dominują wśród współczesnych otwarć wiadomości e-mail. Raport Litmus z stycznia 2026 r. dotyczący udziału w rynku pokazuje, że Apple ma 46,56%, a Gmail 25,45%, a Litmus zauważa, że prawie 90% otwarć pochodzi z Apple lub Gmaila. To wyraźne przypomnienie, że Twój podpis musi działać w ekosystemach opartych na telefonach, a nie tylko na szerokim monitorze komputera stacjonarnego.
Co więc należy faktycznie zrobić?
Po pierwsze, unikaj sztywnego, złożonego układu wielokolumnowego, jeśli zależy Ci na czytelności na urządzeniach mobilnych. Jeśli podpis o stałej szerokości 600 pikseli zostanie po prostu zmniejszony, aby dopasować się do telefonu, wynik może wyglądać na malutki. Exclaimer zauważa nawet, że niektóre urządzenia z systemem iOS stosują dopasowanie do ekranu, co może sprawić, że szerokie, stałe szablony będą wyglądały na bardzo małe.
Po drugie, w razie potrzeby układaj ważne elementy pionowo. Podpis dostosowany do urządzeń mobilnych często działa lepiej w następujący sposób:
Imię i nazwisko
Stanowisko
Telefon
Firma
Logo lub zdjęcie
Baner
Nie jest to tak efektowne wizualnie jak szeroki układ na komputerze stacjonarnym, ale jest znacznie bardziej czytelne na telefonie.
Po trzecie, zadbaj o to, aby linki były łatwe do kliknięcia, a tekst wystarczająco duży, aby można go było przeczytać z odległości wyciągniętej ręki. Mailchimp wyraźnie zaleca projektowanie z myślą o urządzeniach mobilnych i tworzenie linków przyjaznych dla kciuka.
Rozmiar banera w wiadomości e-mail
Baner może być przydatny, ale tylko wtedy, gdy pozostaje drugorzędny w stosunku do treści wiadomości.
Kiedy ludzie pytają o rozmiar banera w wiadomości e-mail, rozmiar banera w podpisie e-mailowym lub wymiary banera w wiadomości e-mail, najbardziej praktyczna odpowiedź brzmi: użyj banera, który pasuje do szerokości podpisu i jest stosunkowo płytki.
Bezpieczną rekomendacją jest szerokość 600 pikseli i wysokość od 100 do 150 pikseli.
Ta liczba nie jest przypadkowa. Exclaimer twierdzi, że banery o maksymalnej szerokości 650 pikseli i maksymalnej wysokości 100 pikseli sprawdzają się dobrze, a także zaleca rozmiary banerów w zakresie od 300 do 400 pikseli na 70 do 100 pikseli w przypadku kompaktowych wdrożeń. Newoldstamp sugeruje maksymalnie 700 pikseli na 100 pikseli, podczas gdy WiseStamp zaleca około 500 pikseli na 120 pikseli. Podsumowując, konsensus jest jasny: banery powinny być wystarczająco szerokie, aby pasowały do podpisu, ale wystarczająco krótkie, aby nie stały się głównym elementem wiadomości e-mail.
Jeśli Twój podpis ma szerokość 600 pikseli, rozmiar banera w podpisie e-mailowym powinien zazwyczaj wynosić:
- 600 x 100 pikseli dla minimalnego banera
- 600 x 120 pikseli dla wyważonego banera
- 600 x 150 pikseli jako górna granica komfortu
Wszystko, co jest wyższe, zaczyna przypominać bardziej reklamę niż podpis.
Łatwe rozwiązanie
Najlepszy rozmiar podpisu e-mailowego nie polega na powiększaniu wszystkiego. Chodzi o to, aby wszystko pasowało.
Użyj 600 pikseli jako maksymalnej szerokości na komputerze stacjonarnym. Projektuj z myślą o ekranach mobilnych o szerokości 320 pikseli. Utrzymuj całkowitą wysokość na poziomie około 150 do 200 pikseli. Używaj mniejszych, zoptymalizowanych obrazów. Utrzymuj kod HTML poniżej 100 KB, a pliki graficzne powinny być jak najlżejsze. Jeśli korzystasz z zasobów o wysokiej rozdzielczości (DPI), przesyłaj je w rozmiarze dwukrotnie większym od wyświetlanego, aby były ostre na nowoczesnych ekranach.
Możesz oczywiście spędzić godziny na zmianie rozmiarów logo, testowaniu dziwactw Outlooka, kompresowaniu banerów i ręcznym dostosowywaniu atrybutów szerokości HTML.
Albo możesz użyć gSignature.
Ręczne skalowanie w HTML-u wiadomości e-mail to prawdziwy ból głowy, zwłaszcza gdy różne programy pocztowe inaczej radzą sobie z rozmiarem obrazów, renderowaniem na ekranach Retina, odpowiedziami i przekazywaniem dalej. Dzięki gSignature wystarczy przesłać swoje zasoby, a generator automatycznie zoptymalizuje rozmiar obrazu podpisu e-mailowego, rozmiar logo podpisu e-mailowego, rozmiar banera e-mailowego oraz ogólny rozmiar stopki wiadomości.
Stwórz idealnie dopasowany podpis e-mailowy w 2 minuty. Pozwól, aby edytor zajął się pikselami za Ciebie.