So nutzt du pdf24 PDF in HTML in 4 Schritten
- PDF wählen. Tippe auf Datei auswählen oder ziehe eine PDF auf das Feld; sie bleibt auf deinem Gerät.
- Über Seitenbilder entscheiden. Lass Ein Bild jeder Seite hinzufügen aus für eine leichte Textseite, oder hake es an, um ein JPEG jeder Seite einzubetten.
- Auf In HTML umwandeln drücken. Textseiten werden in deutlich unter einer Sekunde neu aufgebaut; gescannte Seiten werden als Bilder gezeichnet.
- Die .html speichern und öffnen. Öffne sie in jedem Browser oder füge ihren Body in deine Website, dein CMS oder deinen E-Mail-Editor ein.
Was erzeugt pdf24 PDF in HTML?
pdf24 PDF in HTML erzeugt eine UTF-8-HTML5-Datei mit einem Abschnitt pro PDF-Seite, Überschriften als h2- bis h4-Tags, Absätzen, Aufzählungs- und nummerierten Listen, Fett und Kursiv als strong und em sowie spaltenweise ausgerichtetem Text als Tabelle, deren erste Zeile th-Kopfzellen nutzt. Ein kleines eingebautes Stylesheet macht sie auf jedem Bildschirm lesbar.
„Die Hypertext Markup Language (HTML) ist eine textbasierte Auszeichnungssprache zur Strukturierung elektronischer Dokumente.“
Unsere Rechnung kam heraus als Seitentitel, eine h2 mit der Rechnungsnummer, ein Absatz mit der Adresse, eine Tabelle mit 6 Zeilen und den th-Zellen Item, Qty, Unit price und Total und ein Absatz mit den Zahlungsbedingungen. Seite 2 ist ein zweiter Abschnitt mit der ID page-2, du kannst also mit #page-2 direkt dorthin verlinken.
pdf24 PDF in HTML: das Markup im Detail
Die Datei beginnt mit einem Doctype, einem lang-Attribut, dem Zeichensatz UTF-8 und einem Viewport-Tag, damit Handys sie in der richtigen Breite zeigen. Das Stylesheet begrenzt den Text auf 52rem Breite, setzt Rahmen um Tabellenzellen und skaliert Bilder passend. Im Ergebnis gibt es kein JavaScript, keine Web-Schrift und keine externe Anfrage.
pdf24 PDF in HTML und der Seitentitel
Das title-Tag übernimmt den in den Dokumentangaben der PDF gespeicherten Titel oder den Dateinamen, wenn keiner vorhanden ist. Unsere Rechnung hatte den gespeicherten Titel untitled, der direkt in die Seite wanderte; setze vorher mit PDF-Dokumenteigenschaften ändern einen besseren oder bearbeite das title-Tag danach.
pdf24 PDF in HTML mit Text von rechts nach links
Absätze, die überwiegend auf Arabisch, Hebräisch, Persisch oder Urdu geschrieben sind, erhalten dir="rtl" und lesen sich im Browser von rechts nach links, während der Rest der Seite von links nach rechts bleibt.
pdf24 PDF in HTML: Tipp für ein CMS
Zum Einfügen in WordPress oder ein anderes CMS öffnest du die Datei in einem Texteditor und kopierst nur das, was zwischen den body-Tags steht; die eigenen Stile deiner Website übernehmen dann Überschriften, Tabellen und Listen.
Solltest du bei pdf24 PDF in HTML ein Bild jeder Seite hinzufügen?
Lass die Bildoption von pdf24 PDF in HTML aus, wenn du leichten, durchsuchbaren Text für eine Website oder E-Mail willst. Schalte sie ein, wenn Leser auch das originale Layout, Logos und Zeichnungen sehen sollen: Jede Seite wird dann als JPEG mit 110 dpi unter ihrem Text eingebettet, weiterhin in derselben einzelnen Datei.
| Testdatei | Option | Ergebnis | Zeit |
|---|---|---|---|
| Rechnung, 2 Seiten | Nur Text | 1,4 KB | 0,3 s |
| Rechnung, 2 Seiten | Bild jeder Seite | 66 KB | 0,4 s |
| Bericht, 6 Seiten | Nur Text | 14,8 KB | 0,4 s |
| Scan, 4 Seiten | Immer Bilder (kein Text) | 1,78 MB | 11,9 s |
Die Bilder liegen als Base64-Daten-URLs vor, die HTML-Datei verweist also nie auf ein separates Bild, das beim Verschieben oder Mailen verloren gehen könnte. Base64 macht jedes Bild etwa ein Drittel größer, als eine JPEG-Datei wäre, weshalb die Option standardmäßig aus ist.
Kann pdf24 PDF in HTML Scans und Fotos umwandeln?
Gescannte Seiten haben keinen Text, deshalb setzt pdf24 PDF in HTML jede automatisch als Seitenbild ein und meldet, wie viele Seiten keinen markierbaren Text hatten. Fotos und Diagramme auf Seiten mit Text werden im Nur-Text-Modus nicht übernommen; hake die Bildoption an oder extrahiere sie getrennt.
Unser Scan mit 4 Seiten wurde in 11,9 Sekunden zu einer HTML-Datei mit 1,78 MB und 4 Seitenbildern. Bei einer Testseite mit Überschrift, einem Satz und drei Bildern behielt die Nur-Text-HTML (29,8 KB) Überschrift und Satz, aber nicht die Bilder. Nutze PDF per OCR durchsuchbar machen, um Scans in echten Text zu verwandeln, und Bilder extrahieren, um die Fotos für deine Webseite zu speichern.
pdf24 PDF in HTML für Websites, E-Mail und Barrierefreiheit
Eine Webseite lässt sich auf dem Handy leichter lesen als eine PDF: Der Text fließt an den Bildschirm an, Suchmaschinen lesen sie wie jede Seite, und Screenreader sagen Überschriften, Listen und Tabellenköpfe an. Eine PDF-Mitteilung, Speisekarte, Preisliste oder einen Bericht in HTML umzuwandeln macht sie ohne PDF-Viewer nutzbar.
- Website: Veröffentliche eine PDF-Mitteilung als echte Seite, die schnell lädt und indexiert werden kann.
- Newsletter: Füge den Body in einen E-Mail-Editor ein, statt eine PDF anzuhängen.
- Barrierefreiheit: th-Kopfzellen und Überschrift-Tags geben Screenreadern eine Struktur, die vielen PDFs fehlt.
- Archiv: Eine einzelne .html-Datei öffnet sich in jedem Browser, heute und in vielen Jahren.
Prüfe das Ergebnis vor dem Veröffentlichen: Bei einer Überschrift, die aus einer großen Schrift erkannt wurde, muss eventuell die Ebene geändert werden, und Zierlinien aus der PDF sind nicht Teil der HTML.
Ist pdf24 PDF in HTML privat?
pdf24 PDF in HTML läuft vollständig in deinem Browser: Die PDF wird mit der File API gelesen, das HTML wird in JavaScript zusammengebaut und als Download angeboten. In jedem Test sendete die Seite 0 Upload-Anfragen und zeigte 0 Byte hochgeladen, interne Berichte und Entwürfe bleiben also auf deinem Gerät.
Beobachte während einer Umwandlung den Netzwerk-Tab der Entwicklertools (F12), um es selbst zu sehen. Die File API bei MDN erklärt, wie eine Seite lokale Dateien liest, ohne sie zu senden.
pdf24 PDF in HTML im Vergleich zu anderen Textformaten
HTML ist das richtige Format, wenn das Ergebnis in einem Browser gelesen oder in eine Website eingefügt wird. Markdown passt zu Dokumentation und Wikis, reiner Text zum Kopieren von Wörtern in andere Systeme, EPUB zu E-Readern, und Word zum Weiterbearbeiten mit Seitenlayout.
| Format | Am besten für | Unser Werkzeug |
|---|---|---|
| HTML | Webseiten, E-Mail, Browser | diese Seite |
| Markdown | Doku, Wikis, README-Dateien | PDF in Markdown |
| TXT | Nur Wörter, jedes Programm | PDF in TXT |
| EPUB | E-Reader und Buch-Apps | PDF in EPUB |
| DOCX | Bearbeiten in Word | PDF in Word |
pdf24 PDF in HTML: häufige Fragen
Ist pdf24 PDF in HTML kostenlos?
Ja. Es ist kostenlos, ohne Konto, ohne Wasserzeichen und ohne Tageslimit. Die Arbeit passiert in deinem eigenen Browser, daher gibt es keine Serverkosten pro Datei. Wandle so viele PDFs um, wie du brauchst; jede HTML-Datei gehört dir zum Veröffentlichen, Bearbeiten oder Teilen, ohne dass eine Quellenangabe hinzugefügt wird.
Behält pdf24 PDF in HTML das Layout der PDF?
Es behält die Struktur, nicht das genaue Aussehen: Überschriften, Absätze, Listen und Tabellen werden zu echtem HTML, das auf jedem Bildschirm umbricht. Spalten, Textfelder und genaue Positionen werden nicht übernommen. Um auch das originale Aussehen zu zeigen, hake Ein Bild jeder Seite hinzufügen an; jede Seite wird dann als Bild eingebettet.
Speichert pdf24 PDF in HTML Bilder als getrennte Dateien?
Nein. Seitenbilder werden als Base64-JPEG-Daten in die HTML eingebettet, du musst also immer nur eine Datei verschieben oder mailen. Fotos von Textseiten werden im Nur-Text-Modus nicht übernommen. Speichere sie mit Bilder extrahieren, wenn du sie als einzelne Dateien für eine Website brauchst.
Lädt pdf24 PDF in HTML meine PDF hoch?
Nein. Die PDF wird von deinem Browser auf deinem Gerät gelesen und umgewandelt. Bei unseren Tests verließen 0 Upload-Anfragen die Seite, und die Ergebniszeile bestätigte 0 Byte hochgeladen. Nach dem Schließen des Tabs wird nichts gespeichert, Entwürfe und interne Dokumente bleiben also privat.
Ist pdf24 PDF in HTML ein Produkt von PDF24?
Nein. pdf24tools ist eine unabhängige Seite und nicht mit PDF24 oder der Geek Software GmbH verbunden. Dieser Konverter ist unser eigener Browser-Code, der nichts hochlädt und keine Installation braucht. Die Seitennamen sind kurz und vertraut, doch Website, Code und das Team dahinter sind getrennt.
Kann pdf24 PDF in HTML eine gescannte PDF durchsuchbar machen?
Nein. Ein Scan hat keine Textebene, deshalb wird jede gescannte Seite als Bild in die HTML gesetzt, und der Hinweis sagt dir, wie viele Seiten keinen markierbaren Text hatten. Führe zuerst OCR aus, um echten Text zu ergänzen, und wandle dann erneut um, um durchsuchbare Überschriften und Absätze zu bekommen.
Behält pdf24 PDF in HTML Links?
Nein. Nur Text und seine Fett- und Kursiv-Auszeichnung werden neu aufgebaut; Weblinks in der PDF werden zu reinem Text. Setze sie in deinem Editor mit einem a-Tag wieder ein. Jeder Seitenabschnitt hat eine ID wie page-2, du kannst also innerhalb der HTML-Datei selbst auf eine Seite verlinken.
Wie groß ist eine Datei von pdf24 PDF in HTML?
Ergebnisse nur mit Text sind winzig: Unsere Rechnung mit 2 Seiten ergab 1,4 KB, unser Bericht mit 6 Seiten 14,8 KB. Seitenbilder machen die Datei schwerer, dieselbe Rechnung mit Bildern hatte 66 KB und ein Scan mit 4 Seiten 1,78 MB. Es gibt keine feste Größengrenze; nur der Speicher des Geräts begrenzt.
Kann ich die Ausgabe von pdf24 PDF in HTML in WordPress einfügen?
Ja. Öffne die .html-Datei in einem Texteditor, kopiere alles zwischen dem öffnenden und schließenden body-Tag und füge es in die Code- oder HTML-Ansicht des WordPress-Editors ein. Dein Theme gestaltet dann Überschriften, Listen und Tabellen. Entferne die Abschnittshüllen, wenn du keine Seitenaufteilung brauchst.
Funktioniert pdf24 PDF in HTML auf dem Handy?
Ja, in Safari oder Chrome auf iPhone, iPad und Android. Die .html wird in Dateien oder Downloads gespeichert und öffnet sich im Browser des Handys. Weil die Datei ein Viewport-Tag und eine schmale Textbreite enthält, lässt sie sich auf einem kleinen Bildschirm ohne Zoomen gut lesen.
Welche Überschrift-Tags nutzt pdf24 PDF in HTML?
Zeilen in einer deutlich größeren Schrift als der Fließtext werden zu Überschriften, je nach Größe als h2, h3 oder h4 geschrieben. h1 bleibt frei, du kannst beim Veröffentlichen also deinen eigenen Seitentitel ergänzen. Prüfe die Ebenen vor dem Veröffentlichen, denn die Schriftgröße ist nur ein Hinweis.
pdf24 PDF in HTML: Quellen
- Hypertext Markup Language — Wikipedia
- File API — MDN Web Docs
- HTML: HyperText Markup Language — MDN Web Docs