Utilia

Generator stopki mailowej

Utwórz profesjonalną stopkę mailową HTML ze zdjęciem lub logo, danymi kontaktowymi i linkami do profili, a potem wklej ją do Gmaila, Outlooka lub Apple Mail.

Twoje dane
Profile społecznościowe

Wklej pełny adres profilu, np. https://www.linkedin.com/in/twoje-nazwisko.

Logo lub zdjęcie

Obraz z urządzenia jest osadzany w stopce jako data URI (pomniejszony do 240 px). Wiele programów pocztowych, w tym Gmail i Outlook, blokuje lub usuwa osadzone obrazy: adres URL obrazu na serwerze działa lepiej.

Wygląd

Podgląd

Obrazy z adresu URL mogą nie pojawić się w tym podglądzie (ta strona blokuje zewnętrzne obrazy), ale będą widoczne w twoich e-mailach.

Kontrola

Jak utworzyć stopkę mailową

  1. Wypełnij sekcję Twoje dane: imię i nazwisko, stanowisko, firma, e-mail, telefon, komórka, strona internetowa i adres. Puste pole oznacza, że dana linia się nie pojawi.
  2. Wklej pełne adresy swoich Profile społecznościowe (LinkedIn, X, Instagram, Facebook, YouTube, GitHub). Pojawią się jako linki tekstowe w kolorze akcentu.
  3. Dodaj Logo lub zdjęcie. Najlepiej wybrać Adres URL obrazu na serwerze (zalecane), czyli adres https:// obrazu, który jest już na twojej stronie. Możesz też wybrać plik z urządzenia – zostanie osadzony w stopce (ograniczenia opisujemy niżej).
  4. Wybierz Szablon (Klasyczny (obraz obok), Pionowy lub Kompaktowy), Kolor akcentu, Czcionka i Szerokość obrazu. Zaznacz Okrągły obraz, jeśli chcesz zdjęcie w kółku.
  5. Sprawdź Podgląd, kliknij Kopiuj stopkę i wklej ją w swoim programie pocztowym. Kopiuj kod HTML i Pobierz dają surowy kod dla programów, które przyjmują HTML.

Wczytaj przykład wypełnia formularz przykładowymi danymi, żebyś mógł wypróbować szablony. Wszystko dzieje się w twojej przeglądarce: nic, co wpiszesz lub dodasz, nie jest nigdzie wysyłane.

Dlaczego stopka jest zbudowana z tabel i stylów inline

Programy pocztowe to nie przeglądarki. Outlook dla Windows wyświetla wiadomości silnikiem Worda, Gmail usuwa bloki <style> ze stopek, a wiele programów ignoruje nowoczesny CSS, taki jak flexbox czy grid. Dlatego to narzędzie tworzy HTML, który przetrwa wszędzie: tabelę układu z role="presentation", atrybuty style inline przy każdym elemencie, bezpieczne czcionki (Arial, Verdana, Tahoma, Trebuchet MS, Georgia) i zwykłe linki tekstowe zamiast ikon. Każda wpisana wartość jest escapowana, więc przypadkowy znak < czy & w nazwie stanowiska nie zepsuje kodu.

Numery telefonów stają się linkami tel: (można je stuknąć na telefonie), adres e-mail – linkiem mailto:, a adresy stron bez https:// są automatycznie uzupełniane. Linki, które nie są adresami internetowymi, zostają pominięte i wypisane w sekcji Kontrola.

Obrazy: adres URL czy osadzony plik?

Obraz z urządzenia jest zamieniany na data URI, czyli sam obrazek zostaje zapisany wewnątrz kodu HTML. Narzędzie zmniejsza go do 240 pikseli, ale wiele programów i tak blokuje lub usuwa data URI: Gmail nie przyjmuje ich w stopkach, Outlook często pokazuje puste pole, a odbiorca może zobaczyć załącznik. Obraz na serwerze (np. https://www.example.com/logo.png) jest lżejszy i wyświetla się w znacznie większej liczbie programów. Wgraj logo na swoją stronę i wklej jego adres. Obrazy z adresu URL mogą nie być widoczne w podglądzie na tej stronie, bo blokuje ona zewnętrzne obrazy dla ochrony prywatności, ale w e-mailach się pojawią.

Jak dodać stopkę do programu pocztowego

  • Gmail: otwórz Ustawienia (ikona koła zębatego) → Zobacz wszystkie ustawienia → Ogólne → Podpis → Utwórz nowy. Wklej skrótem Ctrl+V (Cmd+V) i kliknij Zapisz zmiany na dole strony. Gmail ogranicza podpis do 10 000 znaków.
  • Outlook (nowy Outlook i Outlook w przeglądarce): Ustawienia → Konto → Podpisy, utwórz podpis, wklej go i zapisz. W klasycznym Outlooku dla Windows: Plik → Opcje → Poczta → Podpisy.
  • Apple Mail: Mail → Ustawienia → Podpisy, wybierz konto, kliknij +, wklej i odznacz opcję dopasowywania do domyślnej czcionki wiadomości, aby zachować czcionki i kolory.

Najczęściej zadawane pytania

Dlaczego w wysłanych e-mailach widzę uszkodzony obraz lub załącznik?

Obraz jest prawdopodobnie osadzony jako data URI, które wiele programów pocztowych blokuje. Użyj adresu URL obrazu na serwerze – to najpewniejszy sposób na wyświetlenie logo lub zdjęcia.

Dlaczego okrągłe zdjęcie w Outlooku jest kwadratowe?

Outlook dla Windows ignoruje styl border-radius. Jeśli kształt jest ważny, przytnij zdjęcie do koła i zapisz je jako PNG z przezroczystym tłem, zanim go użyjesz.

Czy mogę samodzielnie edytować HTML?

Tak. Użyj Kopiuj kod HTML lub Pobierz i edytuj kod w dowolnym edytorze tekstu. Zachowaj tabele i style inline: większość programów pocztowych ignoruje arkusze stylów i klasy.

Dlaczego serwisy społecznościowe są pokazane jako tekst, a nie ikony?

Ikony byłyby obrazami, a obrazy to najczęściej blokowana część stopki. Linki tekstowe wyświetlają się zawsze, są czytelne w trybie ciemnym i nie zwiększają wagi stopki.

Czy moje dane są gdzieś zapisywane lub wysyłane?

Nie. Stopka powstaje w twojej przeglądarce. Nic nie jest przesyłane, a po zamknięciu strony nic nie zostaje zapisane.