HTML in PDF umwandeln
Laden Sie eine HTML-Datei hoch, etwa einen exportierten Bericht, eine von Ihrem System erzeugte Rechnung, eine E-Mail-Vorlage oder eine gespeicherte Webseite, und erhalten Sie ein PDF mit Seiten, in dem Schriften, Tabellen und Links erhalten bleiben. Enthält die Datei Druckstile, bestimmen diese die Seitengestaltung.
In PDF umwandeln
oder DOC, DOCX, DOCM …-Dateien hierher ziehen ·
Max. 95 MB pro Datei· Bis zu 20 Dateien· Gelöscht nach 30 Minuten
Dateien werden auf unseren Servern verarbeitet und nach 30 Minuten gelöscht.
Das ganze Dokument oder nur einzelne Seiten, Folien oder Blätter umwandeln.
Seiten oder Folien, die behalten werden sollen, z. B. 1-3, 5, 8-10. Die Nummern beziehen sich auf das Originaldokument.
„Wie Quelle“ behält das Layout des Dokuments. Schmal sind 12,7 mm, normal 25,4 mm, breit 50,8 mm links und rechts.
Excel-, ODS- und Numbers-Dateien: jedes Blatt umwandeln oder nur das, das beim Speichern der Datei geöffnet war.
JPEG-Qualität für Fotos im Dokument. 90 sieht aus wie die Quelle; senken Sie den Wert, um das PDF zu verkleinern.
Leer lassen für kein Passwort. Wenn gesetzt, verlangt das PDF es vor dem Öffnen. Mit PDF/A nicht verfügbar.
So verwenden Sie dieses Tool
- 1
Die .html- oder .htm-Datei hochladen
Fügen Sie bis zu 20 Dateien mit jeweils höchstens 95 MB hinzu. Um eine Webseite umzuwandeln, speichern Sie sie zuerst mit Strg+S (am Mac Cmd+S) und laden Sie die .html-Datei hoch.
- 2
Seitenformat und Ränder wählen
Bei Seitengröße folgt „Wie Quelle“ einer @page-Regel in der Datei. Unter Erweiterte Einstellungen erzwingen Sie A4 oder Letter, das Querformat bei Ausrichtung oder andere Ränder.
- 3
In PDF umwandeln
Klicken Sie auf In PDF umwandeln und laden Sie das Ergebnis herunter. Hochgeladene Dateien und PDFs werden nach 30 Minuten gelöscht.
HTML in PDF kostenlos: Welche Dateien sauber umgewandelt werden
HTML-Dateien, die alles in sich tragen, lassen sich am besten umwandeln: Stile in einem <style>-Element, Bilder eingebettet oder mit vollständigen https://-Adressen verlinkt, Schriften per @font-face geladen. Das trifft auf die meisten generierten Dokumente zu, von Rechnungen und Kontoauszügen über Testberichte und Dokumentationsexporte bis zu HTML-E-Mail-Vorlagen, die in sich geschlossen gebaut werden, weil Mailprogramme externe Dateien blockieren.
Eine von einer Website gespeicherte Seite ist anders. Mit „Webseite, vollständig“ schreibt der Browser die .html-Datei plus einen Ordner mit Bildern und Stylesheets daneben, und dieser Ordner ist nicht Teil des Uploads. Wirkt das PDF einer solchen Seite kahl, drucken Sie sie stattdessen aus dem Browser oder bereinigen Sie zuerst den Inhalt; dafür ist der Konverter HTML in Word praktisch, wenn Sie vor dem PDF Menüs und Fußzeilen entfernen möchten.
Wie CSS-Pixel auf A4- und Letter-Seiten abgebildet werden
| Size | Pixels | cm | in | DPI | Fits |
|---|---|---|---|---|---|
| A4 | 794 × 1123 | 21,0 × 29,7 | 8,27 × 11,69 | 96 | Nutzbare Breite etwa 602 px bei 25,4 mm Rand |
| Letter | 816 × 1056 | 21,6 × 27,9 | 8,5 × 11 | 96 | US-Standard; nutzbare Breite etwa 624 px bei 1 Zoll Rand |
| Legal | 816 × 1344 | 21,6 × 35,6 | 8,5 × 14 | 96 | Lange US-Verträge und Formulare |
| A3 | 1123 × 1587 | 29,7 × 42,0 | 11,69 × 16,54 | 96 | Breite Dashboards und Zeitpläne |
| A5 | 559 × 794 | 14,8 × 21,0 | 5,83 × 8,27 | 96 | Broschüren und Quittungen |
CSS definiert einen Zoll als 96 px, eine Seite hat also eine feste Breite in denselben Einheiten wie Ihr Stylesheet. Ein Layout für ein 1280-px-Desktopfenster hat auf einer A4-Seite mit normalen Rändern etwa 600 px zur Verfügung. Responsive Seiten wechseln zu ihrem schmaleren Layout und drucken gut; Seiten mit einem festen 1000-px-Wrapper werden je nach Renderer verkleinert oder abgeschnitten. Wenn Sie Ränder auf Schmal (12,7 mm) setzen, gewinnen Sie etwa 100 px Breite zurück.
Print-CSS, das die Seitenumbrüche im PDF steuert
@page { size: A4; margin: 15mm; }
@media print {
nav, footer, .cookie-banner { display: none; }
h2, h3 { break-after: avoid; }
table, figure, pre { break-inside: avoid; }
.new-section { break-before: page; }
}Die @page-Regel stammt aus dem CSS-Paged-Media-Modul des W3C und legt Blattgröße und Ränder fest. Die Eigenschaften break-before, break-after und break-inside gehören zu CSS Fragmentation und ersetzen die älteren page-break--Eigenschaften, die Browser weiterhin als Aliase akzeptieren. Bei Webfonts ist eine weitere Prüfung nötig: Eine Schrift von einem Server, den der Konverter nicht erreicht, wird durch eine Systemschrift ersetzt, und bei aktivierter Option Schriften einbetten* bettet das PDF dann diese Ersatzschrift ein. Halten Sie die Schriftdateien unter vollständigen https://-Adressen erreichbar.
HTML
HyperText Markup Language
HTML ist die Auszeichnungssprache des Webs, die Tim Berners-Lee Anfang der 1990er-Jahre erstmals beschrieben hat und die heute von der WHATWG als „Living Standard“ gepflegt wird. Eine HTML-Datei beschreibt Überschriften, Absätze, Links, Tabellen, Bilder und Formulare, während das Aussehen meist per CSS festgelegt wird. Jeder Browser stellt sie dar, und sie wird auch für E-Mail-Vorlagen und gespeicherte Webseiten verwendet. Eine einzelne HTML-Datei hängt oft von externen Bildern und Stylesheets ab und kann deshalb allein verschoben kaputt aussehen.
- Komprimierung
- –
- Transparenz
- –
- Animation
- –
- Eingeführt
- 1993 · Tim Berners-Lee; maintained by WHATWG
Portable Document Format
PDF wurde 1993 von Adobe entwickelt und 2008 zum offenen Standard ISO 32000. Es fixiert Text, Schriften, Bilder und Layout, sodass ein Dokument auf jedem Bildschirm und Drucker gleich aussieht. PDFs können Formulare, Signaturen, Links, Anhänge und durchsuchbaren Text enthalten, und die Variante PDF/A dient der Langzeitarchivierung. Wegen des festen Layouts lassen sich PDFs schwer bearbeiten, und gescannte PDFs enthalten nur Bilder, solange keine OCR angewendet wird. Jeder Browser und jedes Betriebssystem kann sie öffnen.
- Komprimierung
- –
- Transparenz
- Ja
- Animation
- Nein
- Eingeführt
- 1993 · Adobe
HTML passt sich jedem Fenster an und hängt von Schriften, Skripten und Bildern ab, die anderswo liegen; ein PDF fixiert eine Version mit festen Seiten, die sich ablegen, an eine Rechnungs-E-Mail anhängen oder in Portalen einreichen lässt, die nur Dokumente akzeptieren.
Fragen zu HTML in PDF
Kann ich eine Live-Webseite umwandeln, indem ich ihre Adresse einfüge?
Nein, dieser Konverter arbeitet mit Dateien. Speichern Sie die Seite im Browser und laden Sie die .html-Datei hoch, oder nutzen Sie den Druckdialog des Browsers mit „Als PDF speichern“ als Ziel. Das ist der bessere Weg für Seiten hinter einem Login oder mit vielen Bildern, die von der Website nachgeladen werden.
Warum fehlen Hintergrundfarben, wenn ich HTML in PDF umwandle?
Beim Druck werden Hintergründe standardmäßig weggelassen, um Tinte zu sparen, in Browsern wie in den meisten Konvertern. Fügen Sie print-color-adjust: exact zu den Elementen hinzu, deren Farben erhalten bleiben sollen, etwa Tabellenkopfzeilen und Status-Badges, dann werden sie übernommen.
Bleiben Links aus dem HTML im PDF anklickbar?
Links mit vollständigen Adressen bleiben meist anklickbar. Relative Links wie /pricing verlieren ihre Website, sobald die Datei sie verlässt. Schreiben Sie sie daher als vollständige https://-Adressen um, wenn Leser ihnen aus dem PDF folgen sollen.
Warum wird meine breite Tabelle am rechten Seitenrand abgeschnitten?
Die Tabelle ist breiter als der druckbare Bereich, oft wegen einer festen Breite in Pixeln. Stellen Sie Ausrichtung auf Querformat oder geben Sie der Tabelle in Ihrem Druck-CSS width: 100% und kleineren Zellenabstand, damit sie sich der Seite anpasst.
Lassen sich mehrere HTML-Dateien zu einem PDF zusammenfassen?
Jeder Upload wird zu einem eigenen PDF, bis zu 20 pro Stapel. Bringen Sie sie anschließend mit PDF zusammenfügen in die richtige Reihenfolge; wenn Sie die Dateien vor dem Hochladen mit 01, 02, 03 benennen, bleibt die Reihenfolge klar.
