UltKit

HTML do PDF

Prześlij plik HTML, np. wyeksportowany raport, fakturę generowaną przez Twój system, szablon e-maila lub zapisaną stronę internetową, i otrzymaj PDF podzielony na strony, który zachowuje czcionki, tabele i linki. Jeśli plik zawiera style do druku, to one kształtują strony.

Konwertuj na PDF

lub upuść Pliki DOC, DOCX, DOCM … tutaj ·

Maks. 95 MB na plik· Do 20 plików· Usuwane po 30 min

Plik wynikowy

Pliki są przetwarzane na naszych serwerach i usuwane po 30 min.

Jak korzystać z narzędzia

  1. 1

    Prześlij plik .html lub .htm

    Dodaj do 20 plików, każdy do 95 MB. Aby przekonwertować stronę internetową, najpierw zapisz ją skrótem Ctrl+S (na Macu Cmd+S) i prześlij plik .html.

  2. 2

    Wybierz format strony i marginesy

    Opcja Rozmiar strony ustawiona na „Jak w źródle” korzysta z reguły @page w pliku. W sekcji Ustawienia zaawansowane możesz wymusić A4 lub Letter, poziomą Orientację albo inne Marginesy.

  3. 3

    Konwertuj do PDF

    Kliknij Konwersja do PDF i pobierz wynik. Przesłane pliki i PDF-y są usuwane po 30 minutach.

HTML do PDF za darmo: które pliki konwertują się bez problemów

Najlepiej konwertują się pliki HTML, które zawierają wszystko w sobie: style w elemencie <style>, obrazy osadzone lub podlinkowane pełnymi adresami https://, czcionki wczytywane przez @font-face. Tak wygląda większość generowanych dokumentów: faktury, wyciągi, raporty z testów, eksporty dokumentacji i szablony e-maili HTML, które są samodzielne, ponieważ programy pocztowe blokują pliki zewnętrzne.

Inaczej jest ze stroną zapisaną z internetu. Przy opcji „Strona internetowa, kompletna” przeglądarka zapisuje plik .html oraz obok folder z obrazami i arkuszami stylów, a ten folder nie jest częścią przesyłanego pliku. Jeśli PDF z takiej strony wygląda ubogo, wydrukuj ją z przeglądarki albo najpierw oczyść treść; konwerter HTML do Worda przyda się, gdy chcesz usunąć menu i stopki przed utworzeniem PDF-a.

Jak piksele CSS przekładają się na strony A4 i Letter

SizePixelscminDPIFits
A4794 × 112321,0 × 29,78,27 × 11,6996Użyteczna szerokość ok. 602 px przy marginesach 25,4 mm
Letter816 × 105621,6 × 27,98,5 × 1196Domyślny format w USA; użyteczna szerokość ok. 624 px przy marginesach 1 cal
Legal816 × 134421,6 × 35,68,5 × 1496Długie amerykańskie umowy i formularze
A31123 × 158729,7 × 42,011,69 × 16,5496Szerokie pulpity i harmonogramy
A5559 × 79414,8 × 21,05,83 × 8,2796Broszury i paragony

CSS definiuje jeden cal jako 96 px, więc strona ma stałą szerokość w tych samych jednostkach, których używa arkusz stylów. Układ zaprojektowany dla okna pulpitu 1280 px ma na stronie A4 z normalnymi marginesami około 600 px. Strony responsywne przechodzą na węższy układ i drukują się dobrze; strony ze stałym kontenerem 1000 px są skalowane w dół lub przycinane, zależnie od renderera. Ustawienie Marginesów na Wąskie (12,7 mm) odzyskuje około 100 px szerokości.

Przykładowy arkusz stylów do druku: rozmiar strony, ukryte elementy witryny i reguły podziału
@page { size: A4; margin: 15mm; }
@media print {
  nav, footer, .cookie-banner { display: none; }
  h2, h3 { break-after: avoid; }
  table, figure, pre { break-inside: avoid; }
  .new-section { break-before: page; }
}

Reguła @page pochodzi z modułu CSS Paged Media konsorcjum W3C i określa rozmiar arkusza oraz marginesy. Właściwości break-before, break-after i break-inside należą do CSS Fragmentation i zastępują starsze właściwości page-break-, które przeglądarki nadal akceptują jako aliasy. Czcionki internetowe wymagają jeszcze jednej kontroli: czcionka wczytywana z serwera, do którego konwerter nie ma dostępu, zostaje zastąpiona czcionką systemową, a przy włączonej opcji Osadź czcionki* PDF osadza właśnie ten zamiennik. Zadbaj, aby pliki czcionek były dostępne pod pełnymi adresami https://.

HTML

HyperText Markup Language

HTML to język znaczników sieci WWW, opisany po raz pierwszy przez Tima Bernersa-Lee na początku lat 90., a obecnie rozwijany przez WHATWG jako żywy standard. Plik HTML opisuje nagłówki, akapity, odnośniki, tabele, obrazy i formularze, a stylizacja zwykle pochodzi z CSS. Renderuje go każda przeglądarka, a używa się go też w szablonach e-maili i zapisanych stronach. Pojedynczy plik HTML często zależy od zewnętrznych obrazów i arkuszy stylów, więc po przeniesieniu osobno może wyglądać na zepsuty.

Kompresja
–
Przezroczystość
–
Animacja
–
Rok powstania
1993 · Tim Berners-Lee; maintained by WHATWG
Konwerter HTML

PDF

Portable Document Format

PDF został stworzony przez Adobe w 1993 roku, a w 2008 stał się otwartą normą ISO 32000. Utrwala tekst, czcionki, obrazy i układ, dzięki czemu dokument wygląda tak samo na każdym ekranie i drukarce. PDF-y mogą zawierać formularze, podpisy, linki, załączniki i tekst z możliwością wyszukiwania, a wariant PDF/A służy do długoterminowej archiwizacji. Stały układ utrudnia edycję, a zeskanowane PDF-y zawierają tylko obrazy, dopóki nie zastosuje się OCR. Otworzy je każda przeglądarka i każdy system operacyjny.

Kompresja
–
Przezroczystość
Tak
Animacja
Nie
Rok powstania
1993 · Adobe
Konwerter PDF

HTML dopasowuje układ do okna, w którym jest otwierany, i zależy od czcionek, skryptów i obrazów przechowywanych gdzie indziej. PDF utrwala jedną stronicową wersję, którą można zarchiwizować, dołączyć do e-maila z fakturą lub złożyć w portalu przyjmującym tylko dokumenty.

Pytania o konwersję HTML do PDF

Czy mogę przekonwertować stronę internetową, wklejając jej adres?

Nie, ten konwerter działa na plikach. Zapisz stronę w przeglądarce i prześlij plik .html albo użyj okna drukowania przeglądarki z opcją „Zapisz jako PDF”. To lepszy sposób w przypadku stron za logowaniem lub pełnych obrazów ładowanych z serwisu.

Dlaczego po konwersji HTML do PDF brakuje kolorów tła?

Podczas drukowania tła są domyślnie pomijane, aby oszczędzać tusz, zarówno w przeglądarkach, jak i w większości konwerterów. Dodaj print-color-adjust: exact do elementów, których kolory mają zostać zachowane, na przykład wierszy nagłówka tabeli i znaczników statusu, a zostaną one zachowane.

Czy linki z HTML pozostają klikalne w PDF?

Linki z pełnymi adresami zwykle pozostają klikalne. Linki względne, np. /pricing, tracą powiązanie ze stroną, gdy plik zostaje poza nią, więc zamień je na pełne adresy https://, jeśli czytelnicy mają z nich korzystać w PDF-ie.

Dlaczego szeroka tabela jest ucięta z prawej strony?

Tabela jest szersza niż obszar drukowania, często z powodu stałej szerokości w pikselach. Ustaw Orientację na poziomą albo nadaj tabeli width: 100% i mniejszy padding komórek w CSS do druku, aby mieściła się na stronie.

Czy kilka plików HTML można połączyć w jeden PDF?

Każdy przesłany plik staje się osobnym PDF-em, maksymalnie 20 w jednej partii. Ułóż je potem w kolejności za pomocą narzędzia Połącz PDF; nazwanie plików 01, 02, 03 przed przesłaniem ułatwia zachowanie kolejności.