Podkładka do podpisów
Narysuj własnoręczny podpis cyfrowy na białym tle. Pobierz jako PNG, SVG lub JPEG z przezroczystym tłem. Idealne do dokumentów i e-mail. Bezpłatnie.
-
1Wprowadź dane
Wpisz treść, wklej tekst lub załaduj plik z dysku. -
2Kliknij przycisk
Narzędzie natychmiast przetworzy Twoje dane w przeglądarce. -
3Pobierz wynik
Skopiuj gotowy tekst lub zapisz plik na urządzeniu.
return "Wynik gotowy w 0.1s";
}
Wymiary płótna
szerokość × wysokość odczytana z nagłówka przesłanego obrazu — eksport ma dokładnie rozmiar płótna
Rozmiar pliku
PNG z kanałem alfa — przezroczystość zwykle kosztuje trochę miejsca
Kolor pisaka
kod HEX z formularza — tym kolorem rysowany jest podpis na płótnie
Grubość linii
1–40 px z formularza; cienka linia znika przy skalowaniu, gruba zlewa się na zakrętach
Format eksportu
zachowuje przezroczystość (kanał alfa)
Przezroczystość
opcja Transparent z formularza: tło podpisu zostaje przezroczyste
| Krok | Co robi narzędzie |
|---|---|
| 1. Rysowanie i eksport | podpis powstaje na elemencie <canvas> w przeglądarce (mysz lub palec) i jest eksportowany metodą toDataURL() jako tekstowy adres data:image/png;base64,… — rysowanie oraz eksport pliku dzieją się lokalnie, w przeglądarce |
| 2. Wklejenie data URL | tekst data URL trafia do pola „Dane wejściowe”; narzędzie przyjmuje wyłącznie nagłówek data:image/png;base64, albo data:image/jpeg;base64, — cokolwiek innego kończy się komunikatem błędu |
| 3. Kontrola zgodności formatu | wybrany Format (PNG/JPEG) musi zgadzać się z typem wklejonego obrazu — rozbieżność jest wykrywana zanim cokolwiek zostanie zdekodowane |
| 4. Dekodowanie base64 | dane dekodowane są w trybie ścisłym (base64_decode z kontrolą poprawności); nieudane dekodowanie daje czytelny komunikat zamiast uszkodzonego pliku |
| 5. Analiza obrazu w pamięci | getimagesizefromstring odczytuje z nagłówka pliku typ MIME, szerokość i wysokość w pikselach oraz rozmiar w bajtach; obraz jest analizowany wyłącznie w pamięci operacyjnej — nie powstaje z niego plik na serwerze |
| 6. Wynik | kafelki pokazują realne wymiary płótna i rozmiar pliku z nagłówka obrazu; kolor pisaka i grubość linii pochodzą wprost z formularza |
| Parametr | Jak działa | W praktyce |
|---|---|---|
| PNG | zachowuje przezroczystość (kanał alfa) | z włączonym Transparent tło podpisu zostaje przezroczyste — podpis łatwo nałożyć na dokument lub PDF |
| JPEG | bez przezroczystości — tło wypełnione kolorem z pola Bg | parametr Jakość (10–100) steruje kompresją: niższa wartość = mniejszy plik, ale więcej artefaktów na krawędziach linii |
| Kolor pisaka | #RRGGBB z formularza (pole Pen) | domyślnie ciemny grafit #111827 — dobry kontrast na jasnym tle dokumentu |
| Grubość linii | 1–40 px z formularza (pole Stroke) | zbyt cienka linia znika przy zmniejszeniu, zbyt gruba zlewa się na zakrętach podpisu |
| Rozmiar eksportu | dokładnie rozmiar płótna w przeglądarce (px) | narzędzie niczego nie skaluje — szerokość i wysokość czyta z nagłówka wklejonego obrazu i pokazuje w kafelkach |
| Guides i Crop | opcje płótna po stronie przeglądarki | linie pomocnicze i przycinanie marginesów zmieniają wygląd eksportowanego pliku, a nie sposób jego analizy |
Warto wiedzieć — podpis ekranowy a jego prawnie wiążąca wartość
Obraz podpisu to nie podpis elektroniczny
Wklejony obraz odręcznego podpisu (tzw. zwykły podpis elektroniczny) dowodzi w Polsce, kto podpisał dokument, ale — w odróżnieniu od podpisu kwalifikowanego (eIDAS) — sam z siebie nie gwarantuje integralności ani tożsamości.
Kiedy obraz wystarczy
Przy dokumentach wewnętrznych, umowach o niskim ryzyku albo gdy strony i tak potwierdzają zgodę innym kanałem (e-mail, przelew, działanie), obraz podpisu na PDF jest praktycznym standardem.
Kiedy trzeba dalej
Akt notarialny, pełnomocnictwa do sądu czy sprawy urzędowe wymagają formy szczególnej albo podpisu kwalifikowanego. Obraz z płótna wtedy nie wystarczy — traktuj go jako wygodny uzupełniający zapis.
Gdzie lądują Twoje dane
Rysowanie i eksport pliku dzieją się w Twojej przeglądarce. Do narzędzia trafia tylko wklejony data URL, który jest analizowany w pamięci serwera — nie powstaje z niego plik. Podpisu nie podpisuj „w ciemno” dokumentami, których nie czytałeś.
Oceń to narzędzie:
Powiązane narzędzia
Inne narzędzia, które mogą Ci się przydaćPodkładka do podpisów cyfrowych – narysuj i pobierz w HD
Cyfrowy podpis odręczny potrzebny do dokumentu, emaila, CV lub umowy PDF. Narzędzie tworzy canvas z podkładką do rysowania myszką lub palcem (touchscreen) i eksportuje wynik jako PNG z przezroczystym tłem lub na białym tle.
Funkcje podkładki do podpisów
Canvas rysowania: płynne krzywe (Bezier przez punkty dotknięcia). Presja (opcjonalna): grubość linii zależna od szybkości ruchu. Kolor linii: czarny, granatowy, niebieski. Grubość linii: cienka (1px), standardowa (3px), gruba (5px). Tło: białe, transparentne (alpha). Gumka (eraser). Cofnij ostatnią linię (undo).
Formaty eksportu
PNG z przezroczystym tłem (RGBA): idealny do wklejenia na dokumentach. PNG na białym tle: standardowy format. JPEG: mniejszy plik, bez przezroczystości. SVG: wektorowy, skaluwalny bez pikselizacji (idealny dla dużych wydruków). Skala: eksport 2× lub 4× rozdzielczości dla Retina.
Rysowanie na urządzeniach dotykowych
Tablet i iPhone: Pointer Events API – rejestruje dotyk palcem lub rysikiem. iPad + Apple Pencil: wsparcie presji (ciśnienie = grubość linii). Android Stylus: wsparcie przez PointerEvent.pressure. Rozpoznawanie gestów: wielopalcowy touch nie jest rysowany (tylko 1 punkt aktywny).
Podpis a pieczątka elektroniczna
Narysowany podpis: grafoobraz podpisu odręcznego. NIE jest podpisem elektronicznym (e-signature) w sensie prawnym (brak PKI). Do dokumentów prawnych: kwalifikowany podpis elektroniczny (Szafir, SimplySign, mObywatel). Ten podpis: do wizualnego wstawienia do dokumentu.
Jak działa podkładka do rysowania podpisu
Cała podkładka to element canvas w HTML5 obsługiwany przez Pointer Events API. Zdarzenie pointerdown rozpoczyna ścieżkę, pointermove dokłada kolejne punkty, a pointerup zamyka linię. Ten sam kod obsługuje mysz, palec i rysik, bo przeglądarka mapuje każde z tych wejść na wspólny format zdarzenia. Współrzędne z ekranu są przeliczane na układ canvasu z uwzględnieniem jego rozmiaru w CSS oraz zagęszczenia pikseli, żeby rysunek nie przesuwał się względem kursora czy końcówki rysika.
Punkty nie są łączone prostymi odcinkami. Z każdej trójki sąsiednich punktów wyznaczane są punkty kontrolne krzywej Beziera, dzięki czemu linia przechodzi płynnie przez miejsca dotknięcia i wygląda jak pociągnięcie pióra, a nie jak łamana z odcinków. Presja może modulować grubość na dwa sposoby: z wartości PointerEvent.pressure, którą raportują Apple Pencil i rysiki Androida, albo z szybkości ruchu — przy szybkim prowadzeniu ręki między kolejnymi zdarzeniami pointermove jest więcej pikseli, więc linia wychodzi cieńsza. Kolor i bazowa grubość to parametry przypisane do całej ścieżki.
Każda ścieżka jest przechowywana osobno na liście, co daje undo (usunięcie ostatniej pozycji i przerysowanie całego obrazu) oraz gumkę działającą punktowo. Eksport to zrzut canvasu: PNG z kanałem alfa, PNG na białym tle albo JPEG. SVG powstaje inaczej — te same punkty są zapisywane jako ścieżki wektorowe, dlatego taki plik skaluje się bez utraty ostrości. Skala 2× lub 4× oznacza renderowanie do większego bufora, a nie rozciąganie gotowego obrazka.
Przykład: podpis rysikiem do umowy w PDF
- Otwórz podkładkę na tablecie trzymanym poziomo. Szerszy canvas daje więcej miejsca na rozmach pisma i zmniejsza ryzyko, że dłoń dotknie ekranu w trakcie rysowania.
- Ustaw kolor granatowy, grubość standardową (3 px) i tło przezroczyste. Presję zostaw włączoną, jeśli rysujesz Apple Pencilem albo rysikiem Androida.
- Narysuj podpis jednym płynnym ruchem, z nadgarstkiem opartym poza ekranem. Nie dociągaj pojedynczych liter — każde przerwanie ruchu zostawia widoczny zaczep na linii.
- Oceń wynik. Jeśli linia wyszła drżąca, użyj funkcji cofania, żeby usunąć ostatnią linię, i spróbuj ponownie. Gumką usuń tylko zbędny zawijas na końcu.
- Wyeksportuj PNG z przezroczystym tłem w skali 2×, jeśli podpis trafi do dokumentu oglądanego na ekranie, albo w 4×, jeśli umowa będzie drukowana.
- Sprawdź podpis na jasnym i ciemnym tle — granat i niebieski mogą zniknąć na ciemnym nagłówku dokumentu. W razie potrzeby zostaw sobie również wersję na białym tle, bo część starszych edytorów nie wyświetla poprawnie kanału alfa i pokazuje czarny prostokąt.
Parametry podkładki — ściągawka
| Parametr | Dostępne wartości | Kiedy wybrać |
|---|---|---|
| Kolor linii | czarny, granatowy, niebieski | Czarny daje największy kontrast po skanie lub wydruku, granatowy i niebieski wyglądają jak tusz pióra. |
| Grubość linii | cienka (1 px), standardowa (3 px), gruba (5 px) | Cienka do drobnego podpisu, gruba gdy podpis ma być czytelny po zmniejszeniu w dokumencie. |
| Tło | białe, przezroczyste (kanał alfa) | Przezroczyste do wklejania na dokument, białe gdy odbiorca nie obsługuje plików z alfą. |
| PNG | przezroczyste (RGBA) lub białe tło | Podstawowy format do wstawiania podpisu w PDF, CV i wiadomości e-mail. |
| JPEG | bez przezroczystości | Gdy zależy na mniejszym pliku i tło nie ma znaczenia; kompresja jest stratna. |
| SVG | grafika wektorowa | Do dużych wydruków i dalszej edycji — skalowanie nie powoduje pikselizacji. |
| Skala eksportu | 2× lub 4× rozdzielczości | 2× do ekranów o wysokiej gęstości pikseli, 4× do druku i dokumentów powiększanych. |
| Presja | włączona lub wyłączona | Włączona dla rysików raportujących ciśnienie, wyłączona dla równej linii przy rysowaniu myszą. |
Praktyczne wskazówki
- Rysuj większy, zmniejszaj później — podpis narysowany na szerokim canvasie ma więcej detali pisma. Po wstawieniu do dokumentu można go zmniejszyć, a drobne niedokładności znikną.
- Zaczynaj od przezroczystego tła — to uniwersalny wariant, który działa na większości dokumentów. Drugi plik na białym tle rób tylko wtedy, gdy program odbiorcy nie radzi sobie z kanałem alfa.
- Nie poprawiaj linii po linii — każde dociągnięcie tworzy osobną ścieżkę i widoczne zgrubienie. Lepiej cofnąć całą linię i narysować podpis od nowa.
- Dostosuj kolor do tła dokumentu — jeśli nie wiesz, na jakim tle podpis będzie wyświetlany, wybierz czarny. Granat i niebieski sprawdzaj zawsze na ciemnym tle.
- Trzymaj czysty plik źródłowy — zapisz eksport przed wklejeniem podpisu do dokumentu. Kolejne zapisy w JPEG stopniowo pogarszają jakość, bo kompresja jest stratna.
Czego narzędzie nie robi
- Nie tworzy podpisu elektronicznego w sensie prawnym — wynik jest tylko grafoobrazem podpisu odręcznego, bez danych o tożsamości i bez klucza kryptograficznego. Do dokumentów wymagających podpisu kwalifikowanego potrzebny jest Szafir, SimplySign albo mObywatel.
- Nie odróżnia dłoni od rysika — rejestrowany jest tylko jeden aktywny punkt dotyku, więc jeśli dłoń dotknie ekranu przed rysikiem, może zostać potraktowana jako początek linii.
- Presja zależy od sprzętu — mysz nie raportuje ciśnienia i wtedy grubość wynika wyłącznie z szybkości ruchu. Tablety i rysiki podają różne zakresy wartości, więc ten sam ruch na dwóch urządzeniach da inną linię.
- Bitmapa nie skaluje się w nieskończoność — powiększony PNG się rozmyje, a JPEG dodatkowo traci jakość przy każdym zapisie. Odporny na skalowanie jest tylko eksport SVG.
Najczęstsze pytania
Jak wstawić narysowany podpis do PDF?
Pobierz PNG z przezroczystym tłem. Otwórz PDF w Adobe Acrobat: Tools → Edit PDF → Image. Lub: LibreOffice Draw → Insert → Image. Zmień rozmiar i pozycjonuj. Alternatywnie: konwertuj PDF do Word, wstaw jako obraz podpisu.
Jak narysować czysty podpis myszą?
Trik: rysuj powoli – zbyt szybki ruch = kanciaste linie. Powiększ canvas (zoom in) dla detali. Używaj myszki laserowej (nie kulkowej). Urządzenia dotykowe: znacznie łatwiejsze (naturalny gest). Alternatywa: zeskanuj papierowy podpis i użyj go jako PNG.
Czy podpis z tego narzędzia jest prawnie wiążący?
Podpis odręczny na papierze: tak (ogólna zasada Kodeksu cywilnego). Obraz podpisu w emailu lub PDF: w Polsce nie ma mocy prawnej jako e-signature. Do umów elektronicznych: kwalifikowany podpis elektroniczny (PKI, certyfikat kwalifikowany) lub podpis zaufany (mObywatel).
Jak zrobić podpis z przezroczystym tłem?
Narysuj na białym tle → Eksportuj jako PNG. Następnie: użyj narzędzia "Remove Background" (remove.bg, Photoshop, GIMP – "Fuzzy Select" biały obszar i delete). Lub: bezpośrednio eksportuj z przezroczystym tłem (jeśli narzędzie obsługuje canvas alpha channel).
Jak wstawić podpis do emaila Gmail/Outlook?
Pobierz PNG podpisu. Gmail: Ustawienia → Podpis → Wstaw obraz. Outlook: Plik → Opcje → Poczta → Podpisy → Wstaw obraz. Rozmiar: 200-300px szerokości dla czytelności na małych ekranach. Waga pliku: max 10-20 KB (skompresuj PNG).
Jak zrobić podpis cyfrowy na telefonie?
Otwórz podkładkę w przeglądarce telefonu, ustaw przezroczyste tło i standardową grubość linii, a następnie narysuj podpis palcem. Palec daje mniej kontroli niż rysik, więc rysuj większy i eksportuj w skali 2×.
Czy narysowany podpis jest prawnie wiążący?
Sam obraz podpisu nie jest podpisem elektronicznym — nie zawiera danych o tożsamości ani podpisu kryptograficznego. Do umów i spraw urzędowych wymagających podpisu kwalifikowanego potrzebne jest narzędzie typu Szafir, SimplySign lub mObywatel.
Dlaczego linia jest cieńsza, gdy rysuję szybko?
Przy włączonej presji grubość zależy od tempa ruchu: między kolejnymi zdarzeniami pointermove jest więcej pikseli, więc linia wychodzi cieńsza. Wyłącz presję, jeśli chcesz równą grubość niezależnie od szybkości rysowania.
Jak uzyskać podpis bez białego tła?
Wybierz tło przezroczyste i eksportuj plik jako PNG, bo ten format obsługuje kanał alfa. JPEG nie przechowuje przezroczystości, więc podpis zawsze będzie miał w nim tło.
PNG czy SVG — który format wybrać do podpisu?
PNG jest wygodniejszy do szybkiego wklejenia w PDF, CV lub dokument biurowy. SVG wybierz wtedy, gdy podpis ma być drukowany w dużym rozmiarze albo wielokrotnie skalowany bez utraty ostrości.
Powiązane narzedzia: konwerter formatu obrazu, generator PDF i ekstraktor tekstu z PDF.