HTML naar PDF-converter

Zet HTML privé om naar PDF

Of je nu een factuursjabloon, een e-mailopmaak, een rapport of een fragment van een webpagina hebt, HTML omzetten naar PDF maakt delen, archiveren en afdrukken makkelijk. Deze converter rendert je markup met bijbehorende stijlen en slaat het op als A4-PDF — zonder account, zonder watermerk en zonder upload. Perfect voor bonnen, certificaten, cv's, tickets en alle HTML die je als draagbaar document wilt.

De conversie gebeurt volledig aan de clientzijde. Je HTML wordt lokaal geparsed, gesaneerd en gerenderd en daarna op je apparaat vastgelegd in een PDF. Er wordt niets naar een server verzonden, dus het is veilig voor vertrouwelijke sjablonen en interne documenten. Om veiligheidsredenen worden scripts en inline event handlers vóór het renderen verwijderd, dus alleen je statische HTML en CSS worden omgezet.

Stijlen, opmaak en afbeeldingen

Inline stijlen en <style>-blokken worden gerespecteerd, dus je kleuren, lettertypen, spaties en tabellen verschijnen in de PDF zoals in het voorbeeld. Gebruik het live voorbeeld om de opmaak te controleren voordat je downloadt. Afbeeldingen van dezelfde oorsprong en data-URI-afbeeldingen worden betrouwbaar weergegeven; sommige externe afbeeldingen of weblettertypen kunnen door de beveiligingsregels van de browser worden geblokkeerd, dus sluit belangrijke afbeeldingen waar mogelijk rechtstreeks in.

Tips voor een schoon resultaat

Houd de opmaak op een redelijke paginabreedte zodat het zonder horizontaal afsnijden op A4 past. Kies liever eenvoudige, op zichzelf staande CSS dan grote externe frameworks. Bij lange pagina's verdeelt de converter de inhoud automatisch over meerdere pagina's en probeert hij tekstregels niet te splitsen. Is een tabel of blok te breed, verklein dan de padding of het lettertype zodat het in het afdrukbare gebied past. Omdat alles lokaal draait, kun je de markup aanpassen en de PDF zo vaak opnieuw genereren als je wilt.

Ondersteunde invoer en beperkingen

Je kunt markup in het tekstvak plakken of een .html-bestand laden, dat het vak vult en een passende PDF-naam voorstelt. De uitvoer is altijd A4 met marges van ongeveer 10 mm. De pagina wordt gerenderd op een vaste breedte van 760 pixels en geschaald om te passen, dus ontwerpen voor een zeer breed scherm kun je beter vereenvoudigen dan verkleinen. Responsieve media queries hangen af van die breedte en niet van je echte venstergrootte.

Omdat de pagina met html2canvas als afbeelding wordt vastgelegd en in de PDF wordt geplaatst, is de tekst in het resultaat mogelijk niet selecteerbaar of doorzoekbaar, en grote documenten leveren grotere bestanden op dan een natieve PDF. Scripts, event handlers en formulieren die van JavaScript afhangen, worden niet uitgevoerd. Als je een vector-PDF met selecteerbare tekst nodig hebt, is het afdrukvenster van je browser met „Opslaan als PDF” de betere optie; deze tool is vooral handig als je snel een consistent resultaat wilt zonder afdrukinstellingen.