HTML naar PDF

Over het omzetten van HTML naar PDF

Je hebt een HTML-bestand — een rapport uit een programma, een opgeslagen e-mail, een factuursjabloon, een pagina die je zelf hebt geschreven — en je hebt het als PDF nodig om te versturen of af te drukken.

Plak de HTML of open het .html-bestand. De tool toont een live voorbeeld en zet het document daarna op Letter- of A4-pagina's, met de eigen CSS van het document: lettertypen, kleuren, randen en tabellen. Lange documenten worden tussen alinea's, tabelrijen en lijstitems over pagina's verdeeld en de kopregel van een tabel wordt op elke pagina herhaald.

Alles gebeurt in je browser. De HTML wordt nooit geüpload en eventuele scripts worden verwijderd voordat hij wordt getoond.

Functies

• HTML plakken of een bestand openen — een volledige pagina of alleen een fragment; sleep het bestand naar het tekstvak
• Je eigen CSS — <style>-blokken, inline stijlen en https://-stijlbladen (zoals Bootstrap van een CDN)
• Afbeeldingen — https://- en data:-afbeeldingen worden geladen; voor afbeeldingen die naast het .html-bestand staan, voeg je ze toe met dezelfde knop
• Nette pagina-einden — tussen blokken, lijstitems en tabelrijen, met herhaalde tabelkop
• Letter, A4 of A5, staand of liggend, drie margematen, optionele paginanummers
• Eén klik om te downloaden — de PDF wordt op de achtergrond gemaakt terwijl je bewerkt, met een live voorbeeld en paginaminiaturen
• Veilig — scripts en gebeurtenis-handlers worden verwijderd (DOMPurify) en er wordt niets verzonden

Wat het wel en niet kan

• Het kan geen webadres openen. Een webpagina in je browser mag geen andere website downloaden — dat is een veiligheidsregel van de browser, en om daar omheen te werken is een server nodig, die deze site niet voor jouw bestanden gebruikt. Wil je een webpagina opslaan die je bekijkt, druk dan op Ctrl+P (Cmd+P op een Mac) en kies Opslaan als PDF. Dat werkt in elke moderne browser.
• Afbeeldingen met een pad op je computer (zoals images/logo.png) kan de browser uit zichzelf niet vinden. Klik opnieuw op .html openen (+ afbeeldingen) en kies ook de afbeeldingsbestanden — ze worden op bestandsnaam gekoppeld.
• De tekst in de PDF is onderdeel van een afbeelding van elke pagina, dus hij kan niet worden geselecteerd of doorzocht. Zo worden alle scripts en lettertypen goed getoond — de pagina wordt door je browser getekend. Voor een PDF met selecteerbare tekst uit platte tekst gebruik je TXT naar PDF; om een PDF in gescande stijl doorzoekbaar te maken gebruik je OCR PDF.
• Scripts worden niet uitgevoerd, dus pagina's die hun inhoud met JavaScript opbouwen (grafieken, sommige web-apps) blijven leeg op de plekken waar het script had getekend.

Veelvoorkomend gebruik

• Rapporten en exports — testrapporten, analyses en logs die programma's als .html opslaan
• Opgeslagen e-mails en nieuwsbrieven (.html) om te bewaren of af te drukken
• Facturen, bonnen en brieven gemaakt met een HTML-sjabloon
• Documentatie en helppagina's opgeslagen om offline te lezen
• Je eigen HTML en CSS — bekijk hoe een afdrukbare pagina er op papier uitziet

Veelgestelde vragen

Hoe zet ik een HTML-bestand om in PDF?

Klik op .html openen (+ afbeeldingen) en kies het bestand, of plak de HTML in het vak. Bekijk het voorbeeld, kies Letter of A4 en klik op PDF downloaden. De PDF wordt gemaakt terwijl je bewerkt, dus met één klik sla je hem op.

Kan ik een webpagina omzetten via het adres (URL)?

Niet met deze tool. Een pagina in je browser kan geen andere website ophalen — daarvoor is een server nodig. Open de webpagina zelf, druk op Ctrl+P (Cmd+P op een Mac) en kies Opslaan als PDF. Of kopieer de HTML van de pagina (rechtsklikken → Paginabron weergeven) en plak die hier.

Waarom ontbreken mijn afbeeldingen?

Afbeeldingen met een pad zoals images/photo.jpg staan op je computer en de browser kan je mappen niet uit zichzelf lezen. Voeg de afbeeldingsbestanden toe met .html openen (+ afbeeldingen) — ze worden op bestandsnaam gekoppeld. Afbeeldingen van https://-adressen verschijnen alleen als die website dat toestaat.

Kan ik de tekst in de PDF selecteren?

Nee. Elke pagina wordt als afbeelding van de pagina opgeslagen, en daardoor zien alle lettertypen en talen er goed uit. Heb je selecteerbare tekst nodig, zet dan platte tekst om met TXT naar PDF of Markdown met Markdown naar PDF.

Werkt mijn CSS?

Ja — <style>-blokken, style=""-attributen en stijlbladen die met een volledig https://-adres zijn gekoppeld. Het document wordt in een eigen frame opgemaakt, dus alleen de eigen CSS wordt gebruikt. Regels binnen @media print worden niet toegepast; de pagina wordt getekend zoals hij op het scherm eruitziet.

Wordt mijn HTML geüpload?

Nee. De omzetting draait in je browser, op je eigen apparaat. De laatste HTML die je gebruikte, wordt alleen in deze browser bewaard.

Zo gebruik je het

• Plak je HTML in het vak — of klik op .html openen (+ afbeeldingen), of sleep het bestand naar het vak
• Gebruikt de HTML afbeeldingen van je computer, voeg die afbeeldingsbestanden dan ook toe
• Bekijk het voorbeeld
• Kies het paginaformaat, de afdrukstand en de marges, en of je paginanummers toevoegt
• Klik op PDF downloaden — de PDF wordt na elke wijziging vanzelf bijgewerkt, dus hij staat altijd klaar