HTML in PDF umwandeln
Füge HTML-Code ein oder öffne eine gespeicherte Webseite mit ihren Bildern und Stylesheets. Die Vorschau zeigt die echte Seitenbreite, du wählst Format, Ränder, Kopf- und Fußzeile sowie Seitenzahlen und lädst das PDF herunter. Der zweite Knopf nutzt die Druckfunktion des Browsers für ein PDF mit markierbarem Text. Es wird nichts hochgeladen.
Kostenlos · Ohne Anmeldung
So funktioniert es
- HTML einfügen oder die .html-Datei zusammen mit Bildern und CSS-Dateien öffnen.
- Vorschau prüfen, dann Papierformat, Ausrichtung und Ränder wählen.
- Bei Bedarf Kopfzeile, Fußzeile und Seitenzahlen ergänzen.
- PDF herunterladen klicken oder Als PDF speichern für markierbaren Text über den Druckdialog.
Warum dieses Tool
Code oder Dateien
Öffne eine .html-Datei samt Bildern, Schriften und Stylesheets auf einmal; sie werden automatisch verknüpft.
Vorschau in Seitenbreite
Die Vorschau nutzt die bedruckbare Breite des Papiers, so siehst du Zeilenumbrüche vorab.
Seite einrichten
DIN A4, A3, A5, US Letter oder eigenes Format, hoch oder quer, mit festen oder eigenen Rändern.
Saubere Seitenumbrüche
Schnitte rutschen in die Lücke zwischen Zeilen, CSS-Regeln wie break-before: page werden beachtet.
Kopf, Fuß und Seitenzahlen
Text über und unter jeder Seite und Nummerierung wie 2 / 5.
Datenschutz
Die Umwandlung läuft im Browser. Rechnungen, Verträge und Berichte verlassen dein Gerät nicht.
Zwei Wege von HTML zu PDF
PDF herunterladen zeichnet jede Seite wie in der Vorschau und speichert sie als hochaufgelöstes Bild. Das Ergebnis sieht in jedem Betrachter gleich aus und behält Webschriften, Verläufe und SVG-Grafiken. Dafür lässt sich der Text nicht markieren oder durchsuchen.
Als PDF speichern übergibt die Seite mit Format, Rändern und Seitenzahlen an die Druckfunktion des Browsers. Wähle im Dialog „Als PDF speichern“ oder „Microsoft Print to PDF“. Die Datei enthält echten Text und klickbare Links und ist kleiner, ideal für Rechnungen, Verträge und Dokumentationen.
| PDF herunterladen | Als PDF speichern | |
|---|---|---|
| Text markierbar und durchsuchbar | Nein | Ja |
| Links funktionieren | Nein | Ja |
| Exakt wie die Vorschau | Ja | Fast identisch |
| Dateigröße | Größer | Kleiner |
| Funktioniert auf dem Handy | Ja | Je nach Browser |
Rechnungen und Geschäftsbriefe nach DIN
Viele Shop- und Buchhaltungssysteme erzeugen Rechnungen als HTML. Für Versand und Archiv wählst du DIN A4 und speicherst mit Als PDF speichern, damit Rechnungsnummer, Beträge und USt-IdNr. als Text erhalten bleiben. Das Beispiel enthält Nettobetrag, 19 % MwSt. und Gesamtbetrag.
Geschäftsbriefe nach DIN 5008 haben links mindestens 25 mm und rechts mindestens 20 mm Rand. Stelle dafür eigene Ränder ein oder lege sie im CSS mit @page { margin: 20mm 20mm 20mm 25mm; } fest.
Seitenumbrüche mit CSS steuern
Mit break-before: page beginnt ein Element auf einer neuen Seite, etwa eine Anlage oder ein Kapitel. Mit break-inside: avoid verhinderst du, dass Tabellenzeilen, Abbildungen oder Karten geteilt werden. Beide Wege dieses Tools beachten diese Regeln.
Druckspezifische Stile gehören in einen @media print-Block: Navigation und Schaltflächen mit display: none ausblenden, Schriftgrößen in Punkt (pt) angeben.
Eine Webseite als PDF speichern
Browser erlauben einer Website nicht, eine andere zu lesen, deshalb kann das Tool keine URL abrufen. Öffne die Seite, drücke Strg+S (Cmd+S am Mac) und wähle „Webseite, komplett“. Öffne dann hier die gespeicherte .html-Datei zusammen mit den Dateien aus ihrem Ordner.
Häufige Fragen
Wird mein HTML auf einen Server hochgeladen?
Nein. Vorschau, Seitenzeichnung und PDF entstehen im Browser, daher eignet sich das Tool auch für vertrauliche Dokumente.
Warum kann ich im heruntergeladenen PDF keinen Text markieren?
PDF herunterladen speichert jede Seite als Bild, damit sie exakt der Vorschau entspricht. Für echten Text nutze Als PDF speichern und wähle im Druckdialog „Als PDF speichern“.
Kann ich eine URL in PDF umwandeln?
Nicht direkt, weil Browser das Lesen fremder Websites blockieren. Speichere die Seite mit Strg+S als „Webseite, komplett“ und öffne hier die Datei und ihren Ordnerinhalt.
Warum fehlen manche Bilder?
Bilder von fremden Websites, die das Kopieren nicht erlauben, fehlen bei PDF herunterladen. Öffne die Bilder als Dateien mit dem HTML oder nutze Als PDF speichern.
Wie füge ich Seitenzahlen hinzu?
Hake Seitenzahlen an. Beim Herunterladen stehen sie unten rechts; beim Speichern über den Druckdialog in Browsern, die Seitenrand-Boxen unterstützen, etwa aktuelle Versionen von Chrome und Edge.
Werden CSS Grid, Flexbox und Webschriften unterstützt?
Ja. Beide Wege verarbeiten moderne Layouts. Webschriften werden geladen, wenn sie in der Seite verlinkt sind oder als Datei mitgeöffnet werden.
Ähnliche Tools
Möchtest du etwas bauen?
Sag uns, was du erstellen möchtest.
Sag uns, was du entwickeln lassen möchtest - von einer einfachen Website bis zu einer kompletten App, KI-Lösung, Automatisierung oder individuellen Software.