HTML in PDF
Speicher eine HTML-Seite als PDF.
Speicher deine Lieblings-Tools
Leg ein kostenloses iBuildPDF-Konto an, um deine Lieblings-Tools zu behalten und jederzeit schnell wiederzufinden.
Kostenloses Konto. Die PDF-Tools selbst brauchen nie eins.
HTML-Datei auswählen
oder einfach hierher ziehen
Zulässige Formate: HTML, HTM, ZIP
Wird verarbeitet…
Kurz gefasst
- Was das Tool macht
- Rendert eine HTML-Datei als seitenweise umbrochenes PDF und wendet dabei das CSS der Seite an, einschließlich eines vorhandenen Druck-Stylesheets.
- Eingabe
- HTML, HTM oder ZIP
- Ausgabe
- Verarbeitung
- Auf unserem Server
- Werden Dateien hochgeladen?
- Ja, vorübergehend
- Konto nötig?
- Nein
- Am besten für
- Einen erzeugten Bericht, eine Rechnungsvorlage oder einen exportierten Artikel in ein festes Dokument verwandeln.
- Wichtigste Einschränkung
- Es rendert die Datei, die du hochlädst, und keine Website im Netz. Alles, was die Seite aus dem Internet holt — ein entferntes Stylesheet, eine Webschrift, ein Bild auf einem CDN — steht nicht zur Verfügung; schick also eine .zip, in der diese Dateien enthalten sind.
So verwendest du dieses Tool
- Wähl eine .html-Datei oder eine .zip, die die Seite mit ihren Stylesheets und Bildern enthält.
- Klick auf „Anwenden“, um sie über eine verschlüsselte Verbindung zum Rendern zu schicken.
- Warte, während die Webseite gesetzt und auf Seiten umbrochen wird.
- Lade das PDF herunter.
Warum iBuildPDF
Eine Webseite hat keine Seiten. Eine in ein PDF umzuwandeln heißt zu entscheiden, wo jeder Umbruch fällt, und der ehrliche Weg dahin ist, zu beachten, was die Seite selbst verlangt: ihr Druck-Stylesheet, ihre Umbruchregeln, ihre Ränder. Genau das passiert hier. Eine Seite, die mit Blick aufs Drucken geschrieben wurde, wandelt sich wunderbar um; eine, die nie für etwas anderes als einen Bildschirm gedacht war, bricht an ungünstigen Stellen um, und die Abhilfe liegt im CSS und nicht in diesem Tool.
So funktioniert es
Das HTML wird geparst, sein CSS angewendet — einschließlich vorhandener @media-print-Regeln — und das Ergebnis auf Seiten umbrochen. Text bleibt Text, das PDF ist also durchsuchbar und markierbar und kein Bildschirmfoto.
Häufige Fragen
Kann ich statt einer Datei eine URL angeben?
Nein. Hier wird eine Datei umgewandelt, die du hochlädst. Speicher die Seite zuerst — im Browser gibt dir „Speichern unter“ mit der Option für die vollständige Seite das HTML samt seinen Dateien, die du dann zippen und umwandeln kannst.
Mein PDF ist ohne Gestaltung herausgekommen.
Das Stylesheet war nicht im Upload dabei. Eine nackte .html-Datei verweist über einen Pfad auf ihr CSS, und diese Dateien sind nicht da, solange du sie nicht mitschickst. Pack die Seite zusammen mit ihrem CSS, ihren Bildern und Schriften in eine .zip und lade die .zip hoch.
Läuft JavaScript?
Verlass dich nicht darauf. Inhalte, die ein Skript erst nach dem Laden der Seite schreibt, erscheinen womöglich nicht. Wird das Dokument per Skript erzeugt, speicher die fertige Seite aus dem Browser und wandle die um statt der Quelle.
Wie steuere ich Seitengröße und Ränder?
Mit CSS. Eine @page-Regel im Stylesheet setzt Größe und Ränder, und mit page-break-before oder break-inside bestimmst du, wo die Umbrüche fallen. Der Renderer folgt diesen Regeln.
Kann ich Seitenzahlen, eine Kopf- oder eine Fußzeile hinzufügen?
Ja, über CSS. Die @page-Regel unterstützt Randbereiche, eine Fußzeile mit Seitenzahl ist also @bottom-center mit content: counter(page). Das ist eine Änderung am Stylesheet und keine Einstellung auf dieser Seite, und deshalb funktioniert es überall sonst genauso, wo dein HTML gerendert wird.
Mehr dazu lesen
Mach mit deinem PDF weiter
Deine Datei ist fertig. Das sind die Dinge, die man danach meistens macht.