Zurück

HTML zu PDF

Fügen Sie rohes HTML ein, legen Sie einen Code-Schnipsel ab oder geben Sie eine URL an und erhalten Sie ein pixelgenaues PDF zurück – Layout, Schriftarten, Bilder und CSS bleiben erhalten. Keine Neuformatierung, keine kaputten Stile, keine manuelle Nacharbeit. Kostenlos starten.

So funktioniert HTML-zu-PDF-Rendering

Markup oder eine URL übermitteln und über eine browserähnliche Pipeline in ein PDF rendern.

1

Übermittle dein HTML oder deine URL

Füge dein HTML-Markup direkt in den Prompt ein oder gib eine öffentliche Webseiten-URL an. Ergänze Ausgabepräferenzen — Seitengröße, Ausrichtung, Schrifteinbettung oder zu entfernende Elemente.

2

Die KI parst und bereitet das Dokument vor

Der Agent verarbeitet dein Markup, löst externe Assets nach Möglichkeit auf, wendet deine Formatierungsanweisungen an und stellt den Inhalt für das Rendering im Headless-Browser in die Warteschlange.

3

Pixelgenaues Rendering

Eine Headless-Browser-Engine rendert die gesamte Seite — führt JavaScript aus, wendet CSS an und lädt Bilder — und erfasst dann die visuelle Ausgabe in den angegebenen Abmessungen unter Wahrung der Layout-Treue.

4

Lade dein PDF herunter

Die gerenderte Ausgabe wird als PDF mit eingebetteten Assets verpackt. Du erhältst innerhalb von Sekunden einen Download-Link; die Datei ist sofort bereit zum Teilen, Drucken oder Archivieren.

Wer HTML in PDF umwandelt

Praktisch für Rechnungen, Berichte, Landingpages, E-Mails und Webinhalte, die archiviert werden müssen.

Entwickler & Agenturen

Generiere schnell kundenfertige PDFs aus HTML-Rechnungen, -Berichten oder -E-Mail-Vorlagen, ohne eine Headless-Browser-Pipeline aufzusetzen oder eine serverseitige PDF-Bibliothek zu pflegen.

Content-Creator & Marketer

Erfasse Landingpages, Blogbeiträge oder Kampagnen-Briefings als polierte PDFs für Kundenpräsentationen oder Offline-Verteilung — ohne dein sorgfältig gestaltetes Layout oder deine Markenschriften zu verlieren.

Operations- & Finanzteams

Konvertiere HTML-basierte Rechnungen, Verträge oder Datentabellen in archivfähige PDFs zur Aufbewahrung, mit automatisch angewendeten Seitenzahlen, einheitlichen Rändern und druckfähiger Formatierung.

Tipps für präzise HTML-zu-PDF-Ausgaben

Absolute Assets, Print-CSS, Seitengröße und Schriftarten bestimmen, ob das PDF der Seite entspricht.

01

Gib Seitengröße und Ränder vorab an

Nenne die Abmessungen im ersten Satz — 'A4, 15 mm Ränder' oder 'US Letter, keine Ränder' —, damit der Renderer den Viewport vor der Layout-Berechnung korrekt setzt, nicht danach.

02

Wandle relative Bildpfade in absolute URLs um

Jedes src='./images/logo.png' schlägt beim Remote-Rendering fehl. Ersetze relative Pfade durch https://-URLs oder base64-Daten-URIs, bevor du dein HTML einfügst, damit alle Bilder erscheinen.

03

Benenne Elemente, die entfernt werden sollen

Sei genau: 'entferne das Element mit id="cookie-banner" und das <nav>-Tag' gibt dem Agenten ein präzises Ziel und liefert sauberere Ergebnisse als 'entferne das Header-Zeug'.

04

Fordere Schrifteinbettung für Offline-PDFs ausdrücklich an

Wenn das PDF ohne Internetzugang angesehen wird, füge 'bette alle Schriften ein' in deinen Prompt ein. Andernfalls zeigen PDFs, die auf CDN-gehostete Schriften angewiesen sind, auf Offline-Geräten möglicherweise Ersatzschriften an.

05

Nutze @media print CSS für komplexe Layouts

Wenn dein HTML bereits ein @media print-Stylesheet enthält, erwähne es im Prompt, damit der Agent diese Regeln anspricht. Das entfernt oft automatisch Navigationsleisten und Seitenleisten ohne manuelles Entfernen.

06

Teile große Dokumente in logische Abschnitte

Für HTML-Dokumente mit mehr als 30 erwarteten Seiten teile nach Abschnitt und führe separate Konvertierungen durch, dann füge die resultierenden PDFs zusammen. Das hält die Renderzeit unter 30 Sekunden und vermeidet Timeout-Fehler bei dichten Inhalten.

Was Sie von HTML zu PDF erwarten können

Prüfen Sie Ausgabequalität, Anschlussprüfungen und Download-Erwartungen für HTML zu PDF.

Die meisten HTML-zu-PDF-Konvertierungen sind für Standardseiten unter 500 KB in 5–20 Sekunden abgeschlossen. Komplexe Seiten mit vielen externen Ressourcen oder umfangreichen JavaScript-Frameworks können 30–60 Sekunden dauern; die Genauigkeit bei CSS-Grid- und Flexbox-Layouts ist in der Regel hoch, obwohl einige CSS4-Eigenschaften und variable Schriftarten je nach Engine leicht unterschiedlich dargestellt werden können.

Beispiel: Eine vierseitige HTML-Rechnungsvorlage (38 KB, ein eingebettetes Logo, CSS-Tabellenformatierung, Google Font über CDN) wurde in etwa 8 Sekunden in ein 210 × 297 mm großes A4-PDF mit 96 DPI konvertiert – alle Rahmen, Spaltenbreiten und Schriftstärken stimmten mit der Browservorschau überein, ohne dass manuelle Korrekturen notwendig waren.

Wichtige Grenzen beim Rendering

Lesen Sie diesen Abschnitt, wenn die Quelldetails Folgendes betreffen: Absolute Assets, Print-CSS, Seitengröße und Schriftarten bestimmen, ob das PDF der Seite entspricht.

  • Seiten hinter einer Authentifizierung (Login-Sperren, Paywalls oder Sitzungs-Cookies) können nicht per URL abgerufen werden – fügen Sie stattdessen das rohe HTML ein, nachdem Sie sich manuell angemeldet haben.
  • SVG-Filter, CSS-Blend-Modes und modernste CSS4-Funktionen werden möglicherweise nicht identisch zu einem Desktop-Chrome-Browser dargestellt; testen Sie eine Beispielseite, bevor Sie sich für Produktionsdokumente darauf verlassen.
  • Der Konverter erfasst eine statische Momentaufnahme; Echtzeitdaten (Live-Aktienkurse, sich automatisch aktualisierende Dashboards) zeigen den Zustand, in dem sich die Seite zum Zeitpunkt der Erfassung befand, und keine kontinuierlich aktualisierte Ansicht.

Häufig gestellte Fragen

Welche Arten von HTML-Eingaben kann ich in PDF konvertieren?

Sie können rohen HTML-Code direkt in den Prompt einfügen, den Inhalt einer vollständigen HTML-Datei übermitteln oder eine öffentliche Webseiten-URL angeben. Inline-Stile, im Markup referenzierte verknüpfte Stylesheets und base64-kodierte Bilder werden in der Regel ohne zusätzliche Schritte verarbeitet.

Bleiben mein CSS-Styling und meine benutzerdefinierten Schriftarten bei der Konvertierung erhalten?

Die meisten CSS2- und weit verbreiteten CSS3-Eigenschaften werden korrekt dargestellt, einschließlich Flexbox, Grid, benutzerdefinierten Farben und Rahmen. Über @font-face oder Google Fonts geladene Web-Schriftarten werden im Allgemeinen korrekt dargestellt, wenn die Konvertierung Internetzugang hat; lokal gehostete Schriftdateien werden möglicherweise nicht aufgelöst, es sei denn, die Schriftdaten sind in das HTML eingebettet oder base64-kodiert.

Kann ich die Ausgabeseitengröße und -ausrichtung wählen?

Ja – geben Sie Ihre Präferenz im Prompt an (z. B. „A4 Hochformat“, „Letter Querformat“ oder eine benutzerdefinierte Breite/Höhe in Millimetern). Wenn Sie nichts angeben, verwendet die Konvertierung standardmäßig A4 Hochformat.

Wie geht die HTML-zu-PDF-Konvertierung mit Bildern um?

Bilder mit absoluten URLs werden während der Konvertierung abgerufen und eingebettet. Bilder mit relativen Pfaden und lokale Dateiverweise (z. B. src='../images/logo.png') werden nicht aufgelöst, es sei denn, Sie ersetzen sie vor dem Absenden durch absolute URLs oder base64-Daten-URIs.

Was passiert mit JavaScript-gerendertem Inhalt auf einer Webseite?

Der Konverter verwendet einen Headless-Browser, der die meisten JavaScript-Inhalte ausführt, bevor die Seite erfasst wird, sodass dynamisch gerenderte Inhalte (React-, Vue-, Angular-Ausgaben) in der Regel erfasst werden. Inhalte, die jedoch erst nach einer Benutzerinteraktion geladen werden – etwa durch Klicken auf eine Schaltfläche „Mehr laden“ – erscheinen in der Regel nicht im PDF.

Gibt es eine Größen- oder Seitenanzahl-Begrenzung für das HTML, das ich konvertieren kann?

Sehr große HTML-Dokumente – etwa über 2 MB Markup oder Seiten mit mehr als rund 50 gedruckten Seiten – können an Verarbeitungsgrenzen stoßen oder die Konvertierungszeit spürbar erhöhen. Erwägen Sie bei umfangreichen Berichten, diese in Abschnitte aufzuteilen oder eingebettete Bilder vor dem Absenden zu komprimieren.

Kann ich Kopfzeilen, Fußzeilen oder Cookie-Banner aus einem Webseiten-PDF entfernen?

Ja – beschreiben Sie in Ihrem Prompt, was entfernt werden soll (z. B. „entferne die fixierte Navigationsleiste und das Cookie-Einwilligungs-Popup“). Die KI versucht, diese Elemente vor dem Rendern aus dem DOM zu entfernen. Die Ergebnisse variieren je nach Komplexität der Website; eng verknüpfte JS-Komponenten können schwerer zu isolieren sein.

Bereit, loszulegen?

Registriere dich kostenlos und lass KI-Agenten für dich arbeiten – von schnellen Aufgaben bis zu kompletten End-to-End-Workflows, direkt in deinem Browser, ganz ohne Einrichtung.

Kostenlos loslegen