HTML in PDF
Interne Dashboards. Finanzentwürfe. Vertragsvorlagen.
Manches HTML sollte Ihr Gerät nicht verlassen. Wandeln Sie es im Browser um — nichts wird hochgeladen.
PDF erstellt — {pageCount} Seite(n)
Erfolg
Ihr HTML wurde sauber gerendert. Unten herunterladen.
PDF erstellt — {pageCount} Seite(n) — mit Hinweisen
Erfolg mit Hinweisen
Die Umwandlung ist abgeschlossen. In den Hinweisen unten steht, was sich vom Ausgangs-HTML unterscheiden kann.
Hinweise zur Umwandlung
Brauchen Sie ein Vektor-PDF?
Nutzt Ihr HTML box-shadow, CSS-Filter, Mischmodi oder position: sticky / fixed, erscheinen diese Eigenschaften womöglich nicht im PDF. Für eine vollwertige Vektorausgabe öffnen Sie das HTML im Browser und nutzen den Druckdialog: Strg/Cmd-P, Ziel auf „Als PDF speichern“ ändern, auf Speichern klicken.
Brauchen Sie ein Vektor-PDF?
Nutzt Ihr HTML box-shadow, CSS-Filter, Mischmodi oder position: sticky / fixed, erscheinen diese Eigenschaften womöglich nicht im PDF. Für eine vollwertige Vektorausgabe öffnen Sie das HTML im Browser und nutzen den Druckdialog: Strg/Cmd-P, Ziel auf „Als PDF speichern“ ändern, auf Speichern klicken.
Über die Umwandlung von HTML in PDF
Was dieses Tool umwandelt
Zwei Eingabewege: HTML direkt in den Editor einfügen oder eine .html-Datei hochladen. Die Ausgabe ist ein gerastertes PDF — optisch getreu, aber ohne auswählbaren Text. Für Vektor-PDFs mit auswählbarem Text nutzen Sie stattdessen den nativen Druckdialog Ihres Browsers (siehe FAQ).
Wann es sich lohnt
Interne Dashboards, Finanzentwürfe, Vertragsvorlagen, Artikelentwürfe, interne Dokumentation — alles, wo der HTML-Inhalt heikel genug ist, dass ein Upload zu einem fremden Konverter die falsche Wahl wäre.
Der Datenschutzrahmen
Nach unserer Recherche verarbeitet jeder erreichbare HTML-zu-PDF-Wettbewerber die Inhalte auf eigenen Servern (Smallpdf, iLovePDF, PDFCandy, Sejda, PDF24). Adobe hat den Bereich der Live-Konvertierung geräumt und leitet Nutzer zum Acrobat-Abo. Der Vorteil „nur im Browser“ ist damit unbesetzt. „HTML in PDF“ läuft vollständig auf Ihrem Gerät — Markup, Schriften und eingebettete Bilder bleiben in Ihrem Browser.
Was wir nicht abdecken und warum
JavaScript wird nicht ausgeführt (aus Sicherheitsgründen: eingefügtes JS könnte Daten anderer Tabs abgreifen). Einige CSS-Eigenschaften haben bekannte Darstellungslücken: box-shadow, CSS-Filter, Mischmodi, position: sticky / fixed. Das Ergebnis weist darauf hin, welche Eigenschaften betroffen waren. Für eine vollwertige Ausgabe nutzen Sie den in den FAQ beschriebenen Druckweg des Browsers.
Ablaufkette
Mehrere umgewandelte PDFs verbinden Sie mit PDF zusammenfügen. Enthielt Ihr HTML <form>-Elemente, die ausfüllbar sein sollen, nutzen Sie PDF-Formulare ausfüllen auf dem umgewandelten PDF. Ein Passwort vor der Weitergabe setzen Sie mit PDF schützen.
Häufig gestellte Fragen
- Welche HTML-Elemente werden unterstützt?
- Das meiste Standard-HTML und -CSS — alles, was Ihr Browser darstellen kann. Überschriften, Absätze, Listen, Tabellen, Bilder, Inline-SVG, grundlegende Typografie sowie Flex- und Grid-Layouts funktionieren.
- Was wird nicht unterstützt und warum?
- html2canvas (die Rendering-Bibliothek) unterstützt kein box-shadow, keine CSS-Filter, keine Mischmodi (mix-blend-mode, background-blend-mode), kein object-fit, kein position: sticky, kein position: fixed und keine sich wiederholenden Verläufe. Iframes und Shadow DOM werden ebenfalls übersprungen. Das Ergebnis weist darauf hin, sobald eines davon erkannt wird.
- Was, wenn mein CSS nicht korrekt dargestellt wird?
- Nutzen Sie den nativen Druckdialog Ihres Browsers. Öffnen Sie das HTML im Browser, drücken Sie Strg/Cmd-P, ändern Sie das Ziel auf „Als PDF speichern“ und klicken Sie auf Speichern. Der Druckweg des Browsers unterstützt die vollständige CSS-Spezifikation einschließlich box-shadow, Filtern, Mischmodi sowie sticky- und fixed-Positionierung.
- Werden meine HTML-Dateien auf Ihre Server hochgeladen?
- Nein. Die gesamte Umwandlung läuft über html2canvas und pdf-lib in Ihrem Browser. Das HTML verlässt Ihr Gerät nie. Wir haben keine Server, die den Inhalt entgegennehmen.
- Kann ich sehr langes HTML umwandeln?
- Ja — bis zu 500.000 Zeichen beim Einfügen oder 10 MB beim Hochladen. Das erzeugte PDF wird automatisch an A4-Seitengrenzen umbrochen, über feste Höhenabschnitte. Text oder Bilder direkt auf der Umbruchlinie können abgeschnitten werden; für präzise Seitenumbrüche nutzen Sie den oben beschriebenen Druckweg des Browsers.
- Funktioniert das mit Google Fonts?
- Ja, mit Einschränkungen. Wir warten vor dem Rendern bis zu 5 Sekunden auf das Laden der Webfonts. Ist das Schriften-CDN langsam oder blockiert, nutzt das PDF System-Ersatzschriften und weist im Ergebnis auf „Ersatzschrift verwendet“ hin.
- Was ist mit durch CORS blockierten Bildern?
- Bilder von Ursprüngen ohne CORS-Freigabe werden übersprungen — der Browser kann sie nicht auf ein Canvas zeichnen. Im Ergebnis erscheint ein Hinweis. Hosten Sie Bilder auf demselben Ursprung wie das HTML oder betten Sie sie als data:-URI direkt ein.
- Kann ich eine Webseite über ihre URL umwandeln?
- In v1 nicht. Die Browsersicherheit (CORS) verhindert das Abrufen beliebiger URLs aus clientseitigem Code. Um eine Webseite umzuwandeln, öffnen Sie sie im Browser, speichern Sie sie als HTML-Datei (Strg/Cmd-S → „Webseite, komplett“) und laden Sie diese Datei hier hoch.