HTML na PDF

Jak zamienić HTML na PDF

1. Wybierz plik .html — oraz jego obrazy lub folder, jeśli są osobno — albo wklej kod.
2. W razie potrzeby zmień rozmiar papieru i marginesy, i sprawdź podgląd.
3. Kliknij „Zapisz jako PDF”, a w oknie drukowania wybierz „Zapisz jako PDF” jako miejsce docelowe.

Dlaczego przez okno drukowania

Składanie strony internetowej to coś, co przeglądarka robi najlepiej: flexbox, grid, czcionki webowe, tabele dzielone między strony. Biblioteki, które same zamieniają HTML na PDF, rozumieją tylko część CSS, a resztę robią źle — dlatego ta sama strona tak często wygląda inaczej. Tu stronę składa przeglądarka, której używasz — ten sam silnik, którego używa Chrome bez interfejsu na serwerze — a jej okno drukowania zapisuje PDF: tekst da się zaznaczać, linki działają, a wynik jest taki jak w podglądzie.

Obrazy, arkusze stylów i czcionki

Plik .html często odwołuje się do innych plików: logo, arkusza stylów, czcionki. Wybierz je razem ze stroną albo dodaj cały folder, a zostaną umieszczone w dokumencie przed drukiem. Strona zapisana w przeglądarce jako „Strona internetowa, kompletna” ma folder o nazwie nazwa_files: to ten trzeba dodać. To, co strona pobiera z internetu, zostaje pominięte, chyba że zaznaczysz pole, bo wczytanie oznacza łączenie się z tymi witrynami.

Podziały stron i rozmiar papieru

Reguły druku samej strony są zachowane: jeśli jej CSS ustala rozmiar papieru, marginesy albo miejsca podziału (@page, break-before, break-inside: avoid), dokładnie to dostaniesz. Wybieraj tu rozmiar lub marginesy tylko wtedy, gdy chcesz je zastąpić.

Czy to jest prywatne?

Tak. Wszystko odbywa się w Twojej przeglądarce, na Twoim własnym urządzeniu. Nic nie jest wysyłane na żaden serwer, więc Twoje dokumenty pozostają całkowicie prywatne. Jak to działa bez wysyłania pliku?

Najczęściej zadawane pytania

Czy moje pliki są wysyłane?

Nie. Strona jest przygotowywana i składana w Twojej przeglądarce, a PDF zapisuje okno drukowania przeglądarki. Po wczytaniu tej strony możesz odłączyć internet i wszystko dalej działa.

Dlaczego otwiera się okno drukowania zamiast pobierania?

Bo silnik druku to jedyna część przeglądarki, która zapisuje PDF z prawdziwym tekstem, a strona internetowa nie może go użyć bez tego okna. W Chrome i Edge wybierz „Zapisz jako PDF”, w Firefoksie „Zapisz do pliku PDF”, na Macu przycisk PDF na dole okna.

Na każdej stronie są data i adres.

To opcja „Nagłówki i stopki” okna drukowania: odznacz ją w „Więcej ustawień”. Wybranie tu marginesów „Brak” też je usuwa.

Czy można przekonwertować adres strony (URL)?

Nie: pobranie strony z innej witryny wymagałoby serwera pośredniczącego, a ta witryna go nie ma. Otwórz stronę, zapisz ją przez Ctrl+S jako „Strona internetowa, kompletna” i wybierz tu plik .html z folderem — albo wydrukuj ją prosto z przeglądarki.

Brakuje kolorów albo obrazów tła.

Przeglądarki pomijają tła przy druku, żeby oszczędzać tusz. Pole „Drukuj kolory i obrazy tła”, domyślnie zaznaczone, każe im tego nie robić; jeśli nadal czegoś brakuje, zaznacz „Grafika tła” w oknie drukowania.

Czy działa na telefonie?

Tak: na Androidzie i iPhonie strona otwiera się w osobnej karcie i pojawia się ekran drukowania telefonu; wybierz tam „Zapisz jako PDF”. Na telefonie skrypty nie są uruchamiane.