HTML-zu-PDF-Konverter, online kostenlos: Der vollständige Leitfaden 2026

Sie haben HTML-Inhalte, die zu einem PDF werden müssen. Vielleicht ein langer Artikel, den Sie zum Offline-Lesen speichern möchten. Vielleicht ein HTML-E-Mail-Export aus Outlook oder Gmail, den Sie archivieren müssen. Vielleicht eine Rechnungsvorlage, die Ihre Anwendung als HTML erzeugt und die Sie als PDF ausliefern müssen. Vielleicht eine Dokumentationsseite, die Sie als Momentaufnahme behalten möchten. Vielleicht ein als HTML gerenderter Analysebericht, der in ein Kundenprojekt einfließt. Vielleicht eine Live-Webseite, die Sie in ihrem aktuellen Zustand als Nachweis festhalten müssen. Was auch immer die Quelle ist, Sie benötigen dieses HTML im PDF-Format: das Layout intakt, das CSS gerendert, die Bilder eingebettet, bereit zur Ansicht auf jedem Gerät ohne Browser.

iHatePDF HTML-zu-PDF-Konverter bewältigt dies auf drei Arten: Laden Sie eine .html-, .htm- oder .xhtml-Datei von Ihrem Gerät oder aus der Cloud hoch, fügen Sie rohen HTML-Code direkt in das Feld ein, ODER fügen Sie eine URL ein, um eine Live-Webseite zu konvertieren. Alle drei Methoden erzeugen ein sauberes PDF, bei dem CSS-Stile, Bilder, Schriften, Hyperlinks und per JavaScript gerenderte Inhalte erhalten bleiben. Die Engine nutzt eine Darstellung auf Browser-Niveau, sodass moderne HTML5-Funktionen, Inhalte von Single-Page-Anwendungen, dynamisch geladene Diagramme und responsive Layouts vor der Konvertierung alle korrekt dargestellt werden. Kostenlos, ohne Wasserzeichen, ohne Anmeldung für einzelne Konvertierungen. Ein kostenloses Konto schaltet die Stapelverarbeitung von bis zu 3 Dateien oder URLs gleichzeitig frei. Dieser Leitfaden deckt alles ab: beide Konvertierungsmethoden, was erhalten bleibt, den Vergleich mit der Browser-Funktion „In PDF drucken“, Stapel- und Mobil-Workflows sowie die häufige Fehlerbehebung bei HTML-zu-PDF für Entwickler und Endnutzer gleichermaßen.

Warum HTML zu PDF konvertieren?

HTML ist für Browser gemacht. PDF ist für Auslieferung, Archivierung und universelle Betrachtung gemacht. Die Konvertierung von HTML zu PDF ist die Brücke zwischen „hier ist der Webinhalt“ und „hier ist die festgelegte, portable, universell betrachtbare Version“.

Acht konkrete Gründe, warum Menschen HTML in PDF umwandeln:

• Offline-Lektüre. Speichern Sie lange Artikel, Blogbeiträge und Dokumentationen als PDFs, die Sie im Flugzeug, im Zug oder überall ohne Verbindung lesen können.
• Archivieren Sie Webseiten. Erfassen Sie eine Seite in ihrem aktuellen Zustand, bevor sie sich ändert, hinter eine Bezahlschranke wandert oder verschwindet. Entscheidend für Rechtsakten, Forschung und Prüfpfade.
• Erzeugen Sie PDFs aus HTML-Vorlagen. Anwendungen, die Rechnungen, Belege, Berichte oder Verträge als HTML erzeugen, können diese für die Auslieferung an Kunden in PDF umwandeln. Webentwickler lieben diesen Ablauf.
• Konvertieren Sie HTML-E-Mail-Exporte. Outlook, Gmail und andere E-Mail-Programme exportieren E-Mails als HTML. Konvertieren Sie diese zu PDF zur Ablage, als Nachweis oder aus Compliance-Gründen.
• Speichern Sie Analyse-Dashboards. HTML-Dashboards (Google Analytics, individuelle Reporting-Werkzeuge) werden zu teilbaren PDFs für Führungskräfte, die sich nicht anmelden.
• Druckfreundliche Versionen. Wandeln Sie Webartikel in saubere, einheitliche A4-PDFs um, die überall gleich dargestellt werden und zum Lesen oder Drucken bereit sind.
• Universelles Teilen. Empfänger ohne Ihren bestimmten Browser oder solche, die Skripte blockieren, sehen trotzdem genau das, was Sie gesendet haben.
• In größere Dokumente einbetten. Kombinieren Sie aus HTML abgeleitete Inhalte mit Word-PDFs, gescannten Dokumenten oder Excel-Berichten in einem einzigen Ergebnis mit PDF zusammenfügen.

Methode 1: HTML-Datei konvertieren (Upload)

Wenn Sie HTML-Inhalte lokal gespeichert haben (heruntergeladene Artikel, E-Mail-Exporte, generierte Berichte, interne Dokumentation), laden Sie die Datei direkt hoch.

1. Konverter öffnen. Rufen Sie iHatePDF HTML zu PDF in jedem Webbrowser.
2. Wählen Sie die Registerkarte „HTML-Datei hochladen“. Der Upload-Bereich akzeptiert .html-, .htm- und .xhtml-Dateien.
3. Laden Sie Ihre HTML-Datei hoch. Ziehen Sie die Datei per Drag-and-drop auf den Upload-Bereich oder klicken Sie zum Durchsuchen. Der Cloud-Import funktioniert aus Google Drive, Dropbox und OneDrive.
4. Die Engine liest das HTML. Struktur, CSS, eingebettete Stile, Bildverweise und Schriftdeklarationen werden allesamt ausgewertet.
5. Auf „In PDF umwandeln“ klicken. Die Seite wird in einem virtuellen Browser gerendert, CSS wird angewendet, Bilder werden geladen (aus absoluten URLs im HTML), Schriftarten werden abgerufen, JavaScript wird ausgeführt, und dann wird die gerenderte Ausgabe als PDF-Seiten erfasst.
6. Laden Sie das PDF herunter. Speichern Sie auf Ihrem Gerät oder zurück in Ihre Cloud.

Tipp für HTML-Dateien mit relativen Bildpfaden: Wenn Ihr HTML Bilder über relative Pfade referenziert (wie "images/photo.jpg"), werden die Bilder möglicherweise nicht angezeigt, weil der Konverter relative Pfade nicht zu Ihrem lokalen Dateisystem auflösen kann. Ändern Sie die Referenzen entweder in absolute URLs (vollständiges http oder https) oder konvertieren Sie alle Bilder vor dem Hochladen in eine inline eingebettete base64-Kodierung innerhalb des HTML.

Methode 2: Eine Live-URL konvertieren

Wenn Sie eine aktive Webseite erfassen möchten, fügen Sie deren URL ein. Die Engine ruft die Seite von unseren Servern aus auf und wandelt um, was dargestellt wird.

1. Konverter öffnen. Rufen Sie iHatePDF HTML zu PDF in jedem Webbrowser.
2. Wählen Sie die Registerkarte „Von URL". Ein Textfeld für die URL erscheint.
3. Fügen Sie die URL ein. Öffentliche Webseiten funktionieren ohne Anmeldung. Seiten hinter Login-Schranken erfordern die öffentliche Version oder einen alternativen Export-Ablauf.
4. Auf „In PDF umwandeln“ klicken. Die Engine ruft die URL auf, wartet, bis die Seite vollständig gerendert ist (einschließlich JavaScript), und erfasst dann die gerenderte Ausgabe als PDF-Seiten.
5. Laden Sie das PDF herunter. Speichern Sie auf Ihrem Gerät oder in der Cloud.

Die URL-Methode eignet sich am besten für: Archivieren öffentlicher Artikel, Erfassen von Online-Belegen, Speichern von Dokumentations-Schnappschüssen, Konvertieren von Analyse-Dashboards (sofern öffentlich zugänglich) und jeder Fall, in dem die Seite im Web existiert und Sie eine eingefrorene PDF-Kopie wünschen. Vergleichen Sie mit dem speziellen Leitfaden Webseite zu PDF für Details zur URL-fokussierten Konvertierung.

Methode 3: Rohen HTML-Code einfügen

Wenn Sie HTML-Markup statt einer gespeicherten Datei oder einer aktiven Seite haben – ein Schnipsel aus Ihrem Code-Editor, eine generierte Vorlage, einen HTML-E-Mail-Text in Ihrer Zwischenablage oder einen kurzen Block zum Testen –, fügen Sie es direkt ein. Dies ist der entwicklerfreundliche Weg: Sie müssen keine Datei zuerst speichern.

1. Konverter öffnen. Rufen Sie iHatePDF HTML zu PDF in jedem Webbrowser.
2. Wählen Sie die Registerkarte „HTML-Code". Ein Code-Feld erscheint für Ihre Auszeichnung.
3. Fügen Sie Ihr HTML ein. Fügen Sie inline <style>-Blöcke (oder Stylesheet-Links mit absoluter URL) ein, damit das CSS gerendert wird, und referenzieren Sie Bilder und Schriften per absoluter URL oder base64, damit sie geladen werden. Sowohl ein vollständiges Dokument (mit <html> und <head>) als auch ein reines Fragment funktionieren.
4. Auf „In PDF umwandeln“ klicken. Dieselbe echte Chromium-Engine rendert Ihr Markup, wendet CSS an, lädt Assets und führt jegliches Inline-JavaScript aus, bevor sie die gerenderte Ausgabe als PDF-Seiten erfasst.
5. Laden Sie das PDF herunter. Speichern Sie auf Ihrem Gerät oder in der Cloud, oder schicken Sie es direkt weiter an „PDF zusammenfügen“, „PDF komprimieren“, „PDF signieren“ oder „Protect“.

Das Einfügen von reinem HTML konvertiert jeweils ein Dokument (die Stapelverarbeitung gilt für Datei-Uploads und URLs). Es ist ideal, um Markup zu testen, ein Dokument aus einem Code-Schnipsel zu erzeugen oder einen HTML-E-Mail-Text umzuwandeln, ohne ihn zuerst als Datei zu exportieren. Da Sie das Markup direkt bereitstellen, gibt es keine Fallstricke mit relativen Pfaden, um die Sie sich sorgen müssten – halten Sie einfach Verweise auf Ressourcen absolut.

Was bei der Umwandlung erhalten bleibt

Rendering in Browser-Qualität bedeutet, dass das PDF genauso aussieht wie die Seite in einem modernen Browser. Genau das wird übernommen:

HTML zu PDF im Vergleich zum Drucken in PDF über den Browser

Jeder moderne Browser hat „In PDF drucken" eingebaut (Menü Datei, Drucken, Als PDF speichern). Das funktioniert. Warum also einen eigenen Konverter verwenden?

• Browser-Druck nach PDF eignet sich für einmalige persönliche Konvertierungen auf Ihrem eigenen Computer. Öffnen Sie die Seite, drücken Sie „Drucken“, wählen Sie PDF, fertig. Am besten für einzelne spontane Erfassungen.
• iHatePDF HTML zu PDF punktet in sechs Bereichen: (1) Stapelkonvertierung von bis zu 3 Dateien oder URLs gleichzeitig, (2) Cloud-Import und -Export zu Google Drive, Dropbox, OneDrive, (3) einheitliche Ergebnisse über alle Betriebssysteme hinweg (Ihr Kollege erhält dieselbe PDF wie Sie), (4) Weiterverarbeitung in PDF zusammenfügen, PDF komprimieren, PDF signieren oder Protect ohne erneutes Hochladen, (5) Headless-URL-Konvertierung (Sie müssen die Seite nicht erst in einem Browser-Tab öffnen) und (6) mobilfreundliche Konvertierung, wenn Sie keinen Zugriff auf einen Desktop haben.

Für Entwickler: iHatePDF verhält sich wie ein Headless-Browser, also dieselbe Engine, die Werkzeuge wie Puppeteer und Playwright antreibt, wenn sie zur PDF-Erzeugung verwendet werden. Der Unterschied ist, dass Sie sich das Schreiben und Warten des Headless-Browser-Codes selbst ersparen.

Häufige Anwendungsfälle für HTML zu PDF

Häufige Probleme bei HTML zu PDF (und deren Behebung)

CSS-Styling fehlt oder wird nicht angewendet

Tritt am häufigsten auf, wenn CSS über relative URLs in einer hochgeladenen HTML-Datei referenziert wird. Lösung: Ändern Sie CSS-Verweise in absolute URLs (vollständiges http oder https) oder betten Sie die Stile in einen Style-Block innerhalb der HTML-Datei ein. Bei der URL-basierten Konvertierung ist dies selten ein Problem, weil die Seitenverweise unverändert funktionieren.

Bilder erscheinen nicht im PDF

Dieselbe Ursache wie bei CSS: Relative Bildpfade in hochgeladenen HTML-Dateien lassen sich nicht auflösen. Lösung: Verwenden Sie absolute Bild-URLs in der HTML-Datei, oder wandeln Sie Bilder in eine base64-Inline-Kodierung um, sodass sie Teil des HTML selbst sind. Die URL-basierte Umwandlung verarbeitet Bilder automatisch, sofern sie öffentlich zugänglich sind.

Per JavaScript gerenderter Inhalt fehlt

Die Engine berücksichtigt ein angemessenes Zeitfenster, damit JavaScript vor der Erfassung das Rendern abschließen kann. Lösung: Bei sehr umfangreichen Single-Page-Apps, die viele Sekunden zum vollständigen Laden brauchen, stellen Sie sicher, dass Ihre App keine Nutzerinteraktion benötigt, um das Rendern auszulösen (also keine „Zum Laden klicken“-Barrieren). Bei Dashboards mit verzögertem Laden fügen Sie die URL einer vollständig gerenderten Version ein.

Schriften durch ähnliche ersetzt

Eigene Schriften, die von nicht öffentlichen Servern oder hinter einer Authentifizierung geladen werden, können nicht abgerufen werden. Lösung: Verwenden Sie Google Fonts, Adobe Fonts (Typekit) oder andere öffentlich über ein CDN gehostete Schriftarten. Die Engine ruft diese ab und bettet sie korrekt ein. Für interne Schriftarten wechseln Sie in Ihrem CSS-Druck-Stylesheet zu websicheren Schriftarten.

Seitenumbrüche an ungünstigen Stellen

Standardmäßige Seitenumbrüche erfolgen am unteren Rand jeder PDF-Seite, was Inhalte auftrennen kann. Lösung: Fügen Sie in Ihrem HTML CSS-Druckregeln hinzu: Verwenden Sie die Eigenschaften page-break-before, page-break-after oder page-break-inside für Überschriften, Abschnitte oder Bilder, die nicht getrennt werden sollen. Moderne Alternative: break-before, break-after, break-inside.

Layout an den Seitenrändern abgeschnitten

Breite Layouts können die Standardbreite einer PDF-Seite überschreiten. Lösung: Fügen Sie ein Druck-Stylesheet hinzu, das @media print anspricht und die Breiten so anpasst, dass sie innerhalb typischer Seitenvorgaben passen. Legen Sie max-width fest und verwenden Sie responsive Einheiten (Prozent, Viewport-Einheiten oder em) statt fester Pixel für das Drucklayout.

Formularfelder erscheinen als reiner Text

Formulareingaben (input, textarea, select) werden als visuelle Momentaufnahmen erfasst, nicht als interaktive Formularfelder. Lösung: Das ist erwartetes Verhalten. PDF ist ein statisches Format. Wenn Sie ausfüllbare PDF-Formulare benötigen, verwenden Sie ein dediziertes Formularerstellungswerkzeug, das native PDF-Formularfelder erzeugt.

Stapel-HTML zu PDF (kostenloses Konto)

Einzelkonvertierungen funktionieren ohne Konto. Um mehrere HTML-Dateien oder URLs auf einmal zu konvertieren, melden Sie sich bei Ihrem kostenlosen iHatePDF-Konto an: bis zu 3 Konvertierungen gleichzeitig (je 80 MB, 120 MB insgesamt), von denen jede ihr eigenes PDF wird. Das Einfügen von reinem HTML bleibt auf eine Konvertierung pro Vorgang beschränkt.

Die Stapelverarbeitung ist die richtige Wahl für:

• Momentaufnahmen der Dokumentation. Drei Dokumentationsseiten, für ein versioniertes Referenzpaket in PDF umgewandelt.
• Artikelarchivierung. Drei Artikel, die Sie für später speichern möchten, parallel konvertiert.
• HTML-E-Mail-Stapel. Drei E-Mail-Exporte aus Outlook oder Gmail, zur Compliance-Ablage in PDF umgewandelt.
• Mehrseitige Web-Archivierung. Drei URLs aus einer zusammenhängenden Reihe (Kapitel eines Leitfadens, Teile eines langen Artikels) gemeinsam konvertiert.
• Erzeugter Berichtsstapel. Drei HTML-Berichte aus Ihrem Werkzeug, auf einmal für Kundenunterlagen konvertiert.
• Verarbeitung mehrerer Belege. Drei Online-Belege, in PDF umgewandelt, für die monatliche Spesenverfolgung.

Jede Umwandlung läuft unabhängig und parallel. Ein Problem mit einer beeinträchtigt die anderen nicht. Das Erstellen eines kostenlosen Kontos dauert etwa 30 Sekunden.

HTML auf dem Mobilgerät in PDF umwandeln (iPhone und Android)

Konvertieren Sie von Ihrem Handy aus ohne App-Installation. Funktioniert in jedem modernen mobilen Browser.

Auf iPhone oder iPad:

1. Öffnen Sie Safari und rufen Sie auf ihatepdf.com/html-to-pdf
2. Tippen Sie auf HTML-Datei hochladen, um eine .html-Datei aus Dateien hinzuzufügen, auf HTML-Code, um Markup einzufügen, oder auf Von URL, um eine URL einzufügen
3. Für URL: Kopieren Sie die URL aus einer beliebigen anderen App (Safari-Adressleiste, Mail, Nachrichten) und fügen Sie sie ein
4. Tippen Sie auf „In PDF umwandeln“ und warten Sie auf die Verarbeitung
5. Das PDF wird unter „Downloads" in „Dateien" gespeichert, bereit zum Teilen über Mail, Nachrichten oder eine beliebige andere App

Auf Android:

1. Öffnen Sie Chrome und rufen Sie auf ihatepdf.com/html-to-pdf
2. Tippen Sie auf „HTML-Datei hochladen“, um eine Datei hinzuzufügen, auf „HTML-Code“, um Markup einzufügen, oder auf „Von URL“, um eine URL einzufügen
3. Tippen Sie auf „In PDF umwandeln“
4. Das PDF wird in Ihren Downloads-Ordner heruntergeladen, bereit zum Teilen über Gmail, WhatsApp oder eine beliebige andere App

Die Konvertierungsqualität ist auf dem Mobilgerät identisch mit dem Desktop, da die Verarbeitung auf unseren Servern erfolgt. Nützlich, wenn Sie einen Artikel auf Ihrem Telefon lesen und ihn sofort als PDF speichern möchten.

Tipps für die sauberste HTML-zu-PDF-Konvertierung

• Verwenden Sie absolute URLs für Bilder, CSS und Schriften. Relative Pfade in hochgeladenen HTML-Dateien lassen sich nicht auflösen. Absolute Pfade funktionieren immer.
• Fügen Sie ein @media-print-Stylesheet hinzu. Definieren Sie druckoptimierte Stile (kleinere Ränder, Navigation ausblenden, größere Schriften). Die Engine berücksichtigt diese für eine sauberere Ausgabe.
• Verwenden Sie Google Fonts oder andere öffentliche CDN-Schriften. Web-sichere Fallback-Ketten helfen, eine akzeptable Darstellung selbst dann zu gewährleisten, wenn benutzerdefinierte Schriften nicht verfügbar sind.
• Legen Sie Seitenumbruch-Eigenschaften für lange Inhalte fest. Die CSS-Eigenschaften page-break-before, page-break-after, page-break-inside (oder die modernen break-*-Varianten) verhindern ungünstige Inhaltsumbrüche.
• Inline-SVG wird sauberer gerendert als eingebettete Bilder. SVG bleibt bei jeder Zoomstufe scharf. Verwenden Sie SVG nach Möglichkeit für Logos, Symbole und Diagramme.
• Testen Sie zuerst mit einer vollständigen URL. Konvertieren Sie vor der Stapelverarbeitung eine Datei oder URL, um die Qualität zu prüfen, und verarbeiten Sie dann den Rest im Stapel.
• Speichern Sie HTML-E-Mails als vollständiges HTML (nicht nur als Text). Outlook und Gmail unterstützen beide den Export von E-Mails als .html-Dateien unter Beibehaltung der gesamten Formatierung.
• Vermeiden Sie für die Archivierung verzögert geladene Bilder. Wenn Sie eine Seite zur Archivierung konvertieren, bevorzugen Sie Seiten, die alle Bilder sofort laden. Verzögert geladene Bilder, die ein Scrollen erfordern, werden möglicherweise nicht erfasst.

Workflow-Verkettung

HTML zu PDF ist oft der erste Schritt in einem längeren Arbeitsablauf. Gängige Verkettungen:

• Umwandeln, dann zusammenfügen. HTML-Artikel konvertieren, dann PDF zusammenfügen mit zugehörigen Word-PDFs, gescannten Dokumenten oder anderen Ergebnissen.
• Umwandeln, dann komprimieren. Umwandeln und dann PDF komprimieren zum Verkleinern für den E-Mail-freundlichen Versand (besonders nützlich bei bildlastigen Artikelarchiven).
• Umwandeln, dann signieren. Wandeln Sie die Ausgabe einer HTML-Rechnungsvorlage um, dann PDF signieren für die formelle Freigabe.
• Umwandeln, dann schützen. Umwandeln und dann PDF schützen mit Passwort für sensible Inhalte.
• URL in PDF, dann archivieren. Konvertieren Sie eine URL im Rahmen eines Webarchivierungs-Workflows in ein PDF und kombinieren Sie sie anschließend mit Screenshot-Belegen und Prüfnotizen.
• HTML-E-Mail-Export, dann Korrespondenz zusammenfügen. Konvertieren Sie HTML-E-Mails zu PDF und fügen Sie sie dann mit Anhängen und Notizen zu einer umfassenden Fallakte zusammen.

Datenschutz und Sicherheit

HTML-Inhalte enthalten oft sensible Informationen: interne Dokumentation, erzeugte Berichte mit personenbezogenen Daten, HTML-Rechnungen, E-Mail-Korrespondenz, Finanz-Dashboards. iHatePDF ist mit Blick darauf entwickelt. Hochgeladene Dateien und URL-Abrufe werden über HTTPS verarbeitet, das resultierende PDF wird an Sie zurückgegeben, und die Quelldateien werden am Ende der Sitzung automatisch gelöscht. Bei URL-Konvertierungen besuchen unsere Server die Seiten, ohne Ihre IP-Adresse oder Ihren Browser-Fingerabdruck preiszugeben. Keine menschliche Überprüfung, kein KI-Training, keine Weitergabe an Dritte. DSGVO-konform. Das vollständige Bild finden Sie in der Ratgeber zu Datenschutz und Sicherheit.

Häufig gestellte Fragen

Weitere Tools nutzen

Kostenlose, schnelle, private PDF-Tools.

Weitere Ratgeber

• So konvertieren Sie eine Webseite online kostenlos in PDF
• So konvertieren Sie Word kostenlos online in PDF
• So wandeln Sie Excel kostenlos online in PDF um
• So wandeln Sie PowerPoint kostenlos online in PDF um
• So konvertieren Sie JPG kostenlos online nach PDF
• Ist iHatePDF sicher? So schützen wir Ihre Dateien