HTML in PDF

So wandeln Sie HTML in PDF um

1. Wählen Sie die .html-Datei — und ihre Bilder oder ihren Ordner, falls getrennt — oder fügen Sie den Code ein.
2. Ändern Sie bei Bedarf Papierformat und Ränder und prüfen Sie die Vorschau.
3. Klicken Sie auf „Als PDF speichern“ und wählen Sie im Druckfenster „Als PDF speichern“ als Ziel.

Warum es über das Druckfenster geht

Eine Webseite zu setzen, ist das, was ein Browser am besten kann: Flexbox, Grid, Webschriften, Tabellen, die über Seiten umbrechen. Bibliotheken, die HTML selbst in PDF umwandeln, verstehen nur einen Teil von CSS und machen den Rest falsch — deshalb sieht dieselbe Seite so oft anders aus. Hier setzt der Browser, den Sie gerade benutzen — dieselbe Engine, die Headless-Chrome auf einem Server verwendet —, und sein Druckfenster schreibt das PDF: Der Text bleibt markierbar, Links funktionieren, und das Ergebnis entspricht der Vorschau.

Bilder, Stylesheets und Schriften

Eine .html-Datei verweist oft auf andere Dateien: ein Logo, ein Stylesheet, eine Schrift. Wählen Sie sie zusammen mit der Seite oder fügen Sie den ganzen Ordner hinzu, dann werden sie vor dem Drucken ins Dokument eingebettet. Eine im Browser als „Webseite, vollständig“ gespeicherte Seite kommt mit einem Ordner namens name_files: Diesen fügen Sie hinzu. Was sie aus dem Internet einbindet, bleibt draußen, solange Sie das Häkchen nicht setzen, denn es zu laden heißt, diese Websites zu kontaktieren.

Seitenumbrüche und Papierformat

Die Druckregeln der Seite selbst bleiben erhalten: Legt ihr CSS Papierformat, Ränder oder Umbruchstellen fest (@page, break-before, break-inside: avoid), bekommen Sie genau das. Wählen Sie hier nur dann ein Format oder Ränder, wenn Sie sie überschreiben wollen.

Ist das privat?

Ja. Alles läuft in Ihrem Webbrowser auf Ihrem eigenen Gerät. Es wird nichts auf einen Server hochgeladen, Ihre Dokumente bleiben also vollständig privat. Wie funktioniert das ohne Hochladen?

Häufige Fragen

Werden meine Dateien hochgeladen?

Nein. Die Seite wird in Ihrem Browser vorbereitet und gesetzt, und das PDF schreibt das Druckfenster Ihres Browsers. Sie können die Internetverbindung trennen, sobald diese Seite geladen ist, und es funktioniert weiter.

Warum öffnet sich ein Druckfenster statt eines Downloads?

Weil die Druck-Engine der einzige Teil des Browsers ist, der ein PDF mit echtem Text schreibt, und eine Webseite sie nicht ohne dieses Fenster nutzen kann. In Chrome und Edge wählen Sie „Als PDF speichern“, in Firefox „Als PDF speichern“, auf dem Mac die Schaltfläche PDF unten im Dialog.

Auf jeder Seite stehen das Datum und eine Adresse.

Das ist die Option „Kopf- und Fußzeilen“ des Druckfensters: Entfernen Sie das Häkchen unter „Weitere Einstellungen“. „Keine“ bei den Rändern hier entfernt sie ebenfalls.

Kann ich eine Webadresse (URL) umwandeln?

Nein: Eine Seite von einer anderen Website zu holen, bräuchte einen Server dazwischen, und diese Website hat keinen. Öffnen Sie die Seite, speichern Sie sie mit Strg+S als „Webseite, vollständig“ und wählen Sie hier die .html-Datei und ihren Ordner — oder drucken Sie sie direkt aus dem Browser.

Farben oder Hintergrundbilder fehlen.

Browser lassen Hintergründe beim Drucken weg, um Tinte zu sparen. Das Häkchen „Hintergrundfarben und -bilder drucken“, standardmäßig gesetzt, sagt ihnen, das nicht zu tun; fehlt trotzdem etwas, aktivieren Sie im Druckfenster „Hintergrundgrafiken“.

Funktioniert es auf dem Handy?

Ja: Auf Android und iPhone öffnet sich die Seite in einem eigenen Tab und der Druckbildschirm des Telefons erscheint; wählen Sie dort „Als PDF speichern“. Auf dem Handy laufen keine Skripte.