HTML na PDF
Wewnętrzne pulpity. Szkice finansowe. Szablony umów.
Część kodu HTML nie powinna opuszczać Twojego urządzenia. Przekonwertuj go w przeglądarce — nic nie jest wysyłane.
PDF utworzony — liczba stron: {pageCount}
Powodzenie
Twój HTML wyrenderował się poprawnie. Pobierz poniżej.
PDF utworzony — liczba stron: {pageCount} — z uwagami
Powodzenie z uwagami
Konwersja zakończona. W uwagach poniżej znajdziesz informacje o tym, co może różnić się od Twojego źródłowego HTML-a.
Uwagi do konwersji
Potrzebujesz PDF-a wektorowego?
Jeśli Twój HTML używa box-shadow, filtrów CSS, trybów mieszania albo position: sticky / fixed, te elementy mogą nie pojawić się w PDF-ie. Aby uzyskać w pełni wierny wynik wektorowy, otwórz HTML w przeglądarce i skorzystaj z okna drukowania: Ctrl/Cmd-P, zmień miejsce docelowe na „Zapisz jako PDF”, kliknij Zapisz.
Potrzebujesz PDF-a wektorowego?
Jeśli Twój HTML używa box-shadow, filtrów CSS, trybów mieszania albo position: sticky / fixed, te elementy mogą nie pojawić się w PDF-ie. Aby uzyskać w pełni wierny wynik wektorowy, otwórz HTML w przeglądarce i skorzystaj z okna drukowania: Ctrl/Cmd-P, zmień miejsce docelowe na „Zapisz jako PDF”, kliknij Zapisz.
O konwersji HTML na PDF
Co konwertuje to narzędzie
Dwa tryby wprowadzania: wklejenie HTML-a wprost do edytora albo wgranie pliku .html. Wynikiem jest PDF rastrowy — wierny wizualnie, ale bez zaznaczalnego tekstu. Jeśli potrzebujesz PDF-a wektorowego z zaznaczalnym tekstem, skorzystaj z natywnego okna drukowania przeglądarki (zobacz FAQ).
Kiedy z niego korzystać
Wewnętrzne pulpity, szkice finansowe, szablony umów, robocze artykuły, dokumentacja wewnętrzna — wszystko, gdzie treść HTML jest na tyle wrażliwa, że wysyłanie jej do zewnętrznego konwertera byłoby złym pomysłem.
Kwestia prywatności
Z naszego rozeznania wynika, że każdy dostępny konkurent w konwersji HTML na PDF przetwarza treść na swoich serwerach (Smallpdf, iLovePDF, PDFCandy, Sejda, PDF24). Adobe wycofało się z konwersji online, kierując użytkowników do abonamentu Acrobat. Przewaga „wyłącznie w przeglądarce” pozostaje więc niezajęta. HTML na PDF działa w całości na Twoim urządzeniu — znaczniki, czcionki i osadzone obrazy zostają w Twojej przeglądarce.
Czego nie obsługujemy i dlaczego
JavaScript nie jest wykonywany (ze względów bezpieczeństwa: wklejony skrypt mógłby wykraść dane z innych kart). Część właściwości CSS ma znane braki w renderowaniu: box-shadow, filtry CSS, tryby mieszania, position: sticky / fixed. Wynik konwersji informuje, które właściwości zostały pominięte. Aby uzyskać w pełni wierny efekt, skorzystaj ze ścieżki drukowania w przeglądarce opisanej w FAQ.
Ścieżka pracy
Połącz kilka przekonwertowanych PDF-ów za pomocą Połącz PDF. Jeśli Twój źródłowy HTML zawierał elementy <form>, które mają być wypełnialne, użyj Wypełnij formularze PDF na przekonwertowanym pliku. Przed udostępnieniem dodaj hasło przez Zabezpiecz PDF.
Najczęstsze pytania
- Jakie elementy HTML są obsługiwane?
- Większość standardowego HTML-a i CSS-a — wszystko, co potrafi wyrenderować Twoja przeglądarka. Nagłówki, akapity, listy, tabele, obrazy, SVG w treści, podstawowa typografia oraz układy flex i grid działają.
- Czego nie obsługujecie i dlaczego?
- html2canvas (biblioteka renderująca) nie obsługuje box-shadow, filtrów CSS, trybów mieszania (mix-blend-mode, background-blend-mode), object-fit, position: sticky, position: fixed ani powtarzalnych gradientów. Pomijane są też ramki iframe i shadow DOM. Wynik konwersji wyświetla uwagę, gdy któryś z tych elementów zostanie wykryty.
- Co, jeśli mój CSS nie renderuje się poprawnie?
- Skorzystaj z natywnego okna drukowania przeglądarki. Otwórz HTML w przeglądarce, naciśnij Ctrl/Cmd-P, zmień miejsce docelowe na „Zapisz jako PDF” i kliknij Zapisz. Ścieżka drukowania w przeglądarce obsługuje pełną specyfikację CSS, w tym box-shadow, filtry, tryby mieszania oraz pozycjonowanie sticky i fixed.
- Czy moje pliki HTML trafiają na wasze serwery?
- Nie. Cała konwersja działa w Twojej przeglądarce dzięki html2canvas i pdf-lib. HTML nigdy nie opuszcza Twojego urządzenia. Nie mamy serwerów, które przyjmowałyby tę treść.
- Czy mogę przekonwertować bardzo długi HTML?
- Tak — do 500 000 znaków przy wklejaniu albo 10 MB przy wgrywaniu. Wynikowy PDF dzieli się automatycznie na strony A4, przez cięcia o stałej wysokości. Tekst lub obrazy trafiające na linię podziału mogą zostać przecięte; jeśli zależy Ci na precyzyjnym podziale, użyj opisanej wyżej ścieżki drukowania w przeglądarce.
- Czy działa z Google Fonts?
- Tak, z zastrzeżeniami. Przed renderowaniem czekamy do 5 sekund na wczytanie czcionek internetowych. Jeśli sieć CDN z czcionkami jest wolna albo zablokowana, PDF użyje zastępczych czcionek systemowych i wyświetli w wyniku uwagę „Zastosowano czcionkę zastępczą”.
- A co z obrazami zablokowanymi przez CORS?
- Obrazy hostowane w domenach bez nagłówków zezwalających na CORS są pomijane — przeglądarka nie może ich narysować na canvasie. W wyniku pojawia się uwaga. Umieść obrazy w tej samej domenie co HTML albo osadź je bezpośrednio jako identyfikatory data:, aby obejść ograniczenie.
- Czy mogę przekonwertować stronę WWW podając adres URL?
- Nie w wersji 1. Zabezpieczenia przeglądarki (CORS) uniemożliwiają pobieranie dowolnych adresów URL z kodu po stronie klienta. Aby przekonwertować stronę, otwórz ją w przeglądarce, zapisz jako plik HTML (Ctrl/Cmd-S → „Strona internetowa, kompletna”), a potem wgraj ten plik tutaj.