HTML-zu-PDF-Konverter
Wandeln Sie HTML-Code in ein herunterladbares PDF-Dokument um. Fügen Sie Markup ein oder laden Sie eine Datei hoch, sehen Sie eine Vorschau und exportieren Sie sofort – alles in Ihrem Browser.
100% Client-seitige Verarbeitung
Ihr HTML wird vollständig in Ihrem Browser gerendert und konvertiert. Es wird nichts auf einen Server hochgeladen.
Vorschau
Aus Sicherheitsgründen sind <script>-Tags in der Vorschau und beim Export deaktiviert. Styling (CSS) und Bilder werden normal dargestellt.
Inhaltsverzeichnis
Was ist ein HTML-zu-PDF-Konverter?
Ein HTML-zu-PDF-Konverter nimmt HTML- und CSS-Markup und rendert es als paginiertes PDF-Dokument, bereit zum Herunterladen, Drucken oder Archivieren.
Er ist nützlich, um Rechnungen, Berichte, Lebensläufe, Newsletter oder jeden gestalteten Web-Inhalt in eine portable, teilbare Datei zu verwandeln, ohne ein Design-Tool oder einen serverseitigen Rendering-Dienst zu benötigen.
Wie es funktioniert
- HTML hinzufügen: HTML/CSS direkt einfügen oder eine .html-Datei hochladen.
- Vorschau ansehen: Das Tool rendert Ihr Markup live in einer isolierten Vorschau bei der gewählten Seitenbreite.
- Seiteneinstellungen wählen: Seitengröße, Ausrichtung und Rand auswählen.
- Umwandeln und herunterladen: Die Vorschau wird erfasst, auf Seiten aufgeteilt und dann in ein herunterladbares PDF verpackt.
Funktionen
- HTML einfügen oder eine .html-Datei hochladen
- Live-Vorschau im WYSIWYG-Stil in echter Seitenbreite
- Seitengrößen A4, Letter und Legal
- Hoch- oder Querformat
- Rand: kein, normal oder breit
- Teilt langen Inhalt automatisch auf mehrere Seiten auf
- 100% clientseitige Verarbeitung für Datenschutz
Best Practices
- Inline- oder eingebettetes CSS verwenden: Stile in ein <style>-Tag oder Inline-Attribute setzen, damit die Vorschau genau wie beabsichtigt gerendert wird.
- Data-URIs für wichtige Bilder verwenden: Cross-Origin-Bilder ohne CORS-Header werden möglicherweise nicht gerendert – kleine Bilder wenn möglich als Base64-Data-URIs einbetten.
- Feste Pixelhöhen vermeiden: Inhalt natürlich fließen lassen, damit er sauber auf PDF-Seiten aufgeteilt werden kann.
- Zuerst mit dem Beispiel testen: Das Beispiel-HTML laden, um ein funktionierendes Beispiel zu sehen, bevor Sie eigenes Markup einfügen.
- Dokumente angemessen groß halten: Sehr lange oder bildlastige Seiten dauern länger beim Rendern und Konvertieren.
Fehlerbehebung
Bilder fehlen im PDF
Externe Bilder auf anderen Domains ohne passende CORS-Header können nicht erfasst werden. Verwenden Sie Bilder derselben Origin oder wandeln Sie sie in Base64-Data-URIs um.
Konvertierung schlägt fehl oder dauert zu lange
Sehr große Dokumente oder komplexes CSS (starke Verläufe, Filter) können langsam sein. Vereinfachen Sie das Markup oder teilen Sie es in ein kürzeres Dokument auf.
Schriftarten sehen im PDF anders aus
Der Konverter verwendet die in Ihrem Browser verfügbaren Schriftarten. Webfonts, die über @font-face von externen Domains geladen werden, werden möglicherweise nicht immer erfasst – verwenden Sie Systemschriften für garantierte Konsistenz.
Inhalt wird zwischen Seiten seltsam abgeschnitten
Ränder anpassen oder Inhalt umstrukturieren (z. B. sehr hohe Einzelelemente vermeiden), damit Seitenumbrüche an natürlicheren Stellen erfolgen.
Häufige Anwendungsfälle
- Rechnungen und Quittungen: Eine gestaltete HTML-Rechnung erstellen und als PDF für Ablage oder E-Mail exportieren.
- Berichte und Zusammenfassungen: Einen formatierten HTML-Bericht in ein teilbares, druckbares PDF umwandeln.
- Lebensläufe und Portfolios: Einen Lebenslauf in HTML/CSS gestalten und eine saubere PDF-Version exportieren.
- E-Mail-Newsletter: Einen Newsletter als PDF für die Offline-Referenz archivieren.
- Webseiten-Schnappschüsse: Einen gestalteten HTML-Ausschnitt als PDF für Dokumentation oder Weitergabe speichern.
Häufig gestellte Fragen
Ja. Ihr HTML wird vollständig in Ihrem Browser gerendert und konvertiert und niemals auf einen Server hochgeladen.
Nein. Script-Tags sind in der Vorschau und beim Export aus Sicherheitsgründen deaktiviert, sodass interaktive Skripte nicht ausgeführt werden.
Sie können ein vollständiges HTML-Dokument (mit <html>, <head> und <body>) oder ein kleineres HTML-Fragment einfügen. Beides wird unterstützt.
Ja. Wenn Ihr Inhalt höher als eine Seite ist, wird er automatisch auf mehrere PDF-Seiten aufgeteilt.
Bilder, die von anderen Domains ohne CORS-Unterstützung geladen werden, können aus Sicherheitsgründen des Browsers nicht erfasst werden. Verwenden Sie stattdessen Bilder derselben Origin oder Base64-Data-URIs.
Ja, auch wenn das Bearbeiten längerer HTML-Dokumente auf einem größeren Bildschirm einfacher ist.
Nein. Alles geschieht lokal in Ihrem Browser und das PDF wird direkt auf Ihr Gerät heruntergeladen.