VelloDoc
In PDF umwandeln

HTML in PDF

Stellen Sie eine gespeicherte HTML-Datei mit ihrem CSS-Layout und ihren Druckstilen als PDF dar. Skripte werden entfernt und externe Ressourcen blockiert, damit die Umwandlung sicher bleibt.

Dateien auswählen

Dateien hier ablegen oder zum Durchsuchen klicken


Akzeptiert: HTML, HTMMax. 80 MBNach Auslieferung gelöscht

Verwandte Tools

Typische nächste Schritte nach diesem Tool.

HTML-Dateien tauchen als gespeicherte Webseiten, exportierte Berichte, E-Mail-Vorlagen und von Software erzeugte Rechnungen auf. Um sie zu öffnen, braucht man einen Browser und oft Dateien, die längst nicht mehr daneben liegen. HTML in PDF macht aus einer HTML-Datei feste Seiten, berücksichtigt dabei CSS und Druckstile und liefert ein Dokument, das sich als eine eigenständige Datei archivieren, drucken oder versenden lässt.

So verwenden Sie HTML in PDF

  1. Fügen Sie die .html- oder .htm-Datei hinzu.
  2. Wählen Sie In PDF umwandeln.
  3. Laden Sie die PDF herunter.
  4. Prüfen Sie, ob Bilder oder Schriften fehlen, die das HTML von anderswo geladen hat.

So wird das HTML dargestellt

VelloDoc verwendet WeasyPrint, eine Layout-Engine, die speziell dafür gebaut wurde, HTML und CSS in paginierte Dokumente zu verwandeln. Sie wendet die Stylesheets der Seite an, einschließlich Druckregeln wie @page-Größe und -Ränder, Seitenumbruchsteuerung und @media print-Stile, und eignet sich daher gut für Rechnungen und Berichte, die für den Druck gestaltet sind. In der Datei selbst definierte Stile und als Data-URI eingebettete Bilder werden normal dargestellt.

Was aus Sicherheitsgründen entfernt wird

Hochgeladenes HTML kann Code und Verweise enthalten, die niemals auf einem Server ausgeführt werden sollten. Script-Tags werden vor der Darstellung entfernt, WeasyPrint führt überhaupt kein JavaScript aus, und Anfragen an externe Webadressen und lokale Dateien werden blockiert. Deshalb fehlen in der PDF Bilder, Schriften und Stylesheets, die das HTML aus dem Internet lädt. Um sie zu behalten, betten Sie sie in die Datei ein oder verwenden Sie Webseite in PDF für öffentlich erreichbare Seiten.

HTML-Datei oder Webseite?

Verwenden Sie HTML in PDF für Dateien, die Sie haben, etwa exportierte Berichte oder gespeicherte Vorlagen, und Webseite in PDF, wenn der Inhalt unter einer öffentlichen Adresse liegt. Seiten, die ihre Inhalte per JavaScript aufbauen, werden mit beiden schlecht dargestellt, weil keines Skripte ausführt; dafür ist der Druck als PDF aus Ihrem eigenen Browser die bessere Wahl. Für Markdown-Quellen ist Markdown in PDF einfacher. Der Leitfaden zu Formaten behandelt die Formatwahl allgemein.

Wann HTML in PDF hilft

Erzeugte Rechnungen und Quittungen

Machen Sie aus HTML-Rechnungen Ihrer Abrechnungssoftware PDFs für Kunden und die Buchhaltung.

Gespeicherte Webseiten als Nachweis

Wandeln Sie eine im Browser gespeicherte Seite in eine einzige Datei um, die sich leichter archivieren lässt als HTML plus Ordner.

E-Mail- und Berichtsvorlagen

Sehen Sie sich an, wie eine HTML-Vorlage gedruckt aussieht, oder teilen Sie sie mit Prüfern, die nicht mit HTML arbeiten.

Grenzen des Tools

HTML in PDF entfernt Skripte und führt kein JavaScript aus. Bei hochgeladenem oder eingefügtem HTML werden entfernte und lokale Ressourcen blockiert, externe Bilder, Schriften und Stylesheets fehlen also, und manches browserspezifische CSS wird anders dargestellt. Auf dem Server muss WeasyPrint installiert sein.

HTML in PDF: häufige Fragen

Warum fehlen Bilder in meiner PDF?

Bilder von Webadressen oder aus Dateien neben der HTML-Datei sind nicht verfügbar: Externe Anfragen werden blockiert, und nur die HTML-Datei wird hochgeladen. Betten Sie Bilder als Data-URI ein, damit sie enthalten sind.

Wird JavaScript ausgeführt?

Nein. Script-Tags werden entfernt, und der Renderer führt kein JavaScript aus, daher erscheinen per Skript erzeugte Inhalte nicht.

Kann ich Seitengröße und Ränder festlegen?

Ja. Wählen Sie Papierformat, Ausrichtung und Ränder in den Einstellungen oder überlassen Sie das einer @page-Regel im CSS der Datei. Sie können die Seite auch in der Breite eines Desktop-Bildschirms oder als eine lange Seite setzen.

Warum weicht das Layout von meinem Browser ab?

WeasyPrint ist eine Druck-Layout-Engine und kein Webbrowser, daher werden manche browserspezifischen oder sehr neuen CSS-Funktionen anders dargestellt. Druckorientiertes CSS liefert die vorhersehbarsten Ergebnisse.

Warum ist dieses Werkzeug auf manchen Servern nicht verfügbar?

Es benötigt die Bibliothek WeasyPrint. Ist sie auf einem Server nicht installiert, meldet das Werkzeug dies deutlich.

Mehr erfahren