Ein realistisches Ausgangsdokument, gefolgt vom tatsächlichen Dokumentzustand oder der Ausgabedatei nach „Bild zu HTML“.
Nachher
Vorher
Bild zu HTML

Bild-zu-HTML-Konverter – Konvertieren Sie JPG oder PNG in HTML

Das manuelle Wiederherstellen eines Screenshots als HTML ist ein vergangener Morgen. Konvertieren Sie das Bild in HTML – eingebettetes Bild, semantischer Inhalt oder eine durchsuchbare Textebene.

  • Überspringen Sie die erneute manuelle Eingabe eines Screenshots in das Markup
  • Erhalten Sie semantisches HTML, ein eingebettetes Bild oder eine durchsuchbare Textebene
  • Eine klare Auswahl im Voraus – keine Einstellungen, die Sie nicht benötigen

JPG, PNG, WEBP und mehr

Was soll das HTML mit Ihrem Bild tun?

Bild hochladen

Legen Sie ein Bild ab – erhalten Sie eine portable HTML-Seite mit dem enthaltenen Bild.

All image formats (JPG, PNG, WEBP, HEIC, TIFF…)

Das können Sie mit Bild zu HTML machen

Überprüfen Sie die Hauptfunktionen, bevor Sie beginnen.

  • Ein Bild ohne OCR in eine portable HTML-Datei einfügen
  • Textabsätze und unterstützte Tabellen als semantisches HTML extrahieren
  • Screenshot-Pixel beibehalten und eine durchsuchbare, positionierte Textebene hinzufügen
  • Wählen Sie OCR-Engine und Sprache nur, wenn eine Texterkennung erforderlich ist
  • Erzeugtes Markup vor dem Kopieren oder Herunterladen prüfen und bearbeiten

Referenz zu den Einstellungen

Verfügbare Steuerelemente für Bild zu HTML.

VerarbeitungsmodusVoreinstellungen
Verarbeiten Sie eine einzelne Eingabe oder wechseln Sie zur Premium-Stapelverarbeitung, um mehrere Eingaben mit denselben Einstellungen zu bearbeiten. Welche Eingabearten unterstützt werden, hängt vom Werkzeug ab.Optionen: Einzelne DateiStapel

Modus

Was soll das HTML mit Ihrem Bild tun?Voreinstellungen
Erstellt eine portable img-Seite ohne OCR, semantisch bearbeitbares Markup per OCR oder eine visuelle Layout-Beta, die die Pixel beibehält und durchsuchbare Wörter überlagert.Optionen: Bild anzeigenInhalt extrahierenVisuelles Layout beibehalten

Verfahren

VerfahrenRunterfallen
Wählt, welche Texterkennungs-Engine das Bild im Inhalts- oder visuellen Layout-Modus liest; „Das Bild anzeigen“ führt keine OCR aus.Optionen: StandardVerfahren 1Verfahren 2
SpracheRunterfallen
Wählen Sie die Hauptsprache der Vorlage. Die verfügbaren Sprachen hängen vom gewählten Erkennungsmodul ab; nicht unterstützte Sprachen werden ausgeblendet. Englisch ist voreingestellt. Prüfen Sie den extrahierten Text auf Erkennungsfehler.Optionen: EnglischFranzösischDeutschSpanischItalienischPortugiesischNiederländischRussischJapanischKoreanischChinesisch (vereinfacht)Chinesisch (traditionell)ArabischHindiBengalischPunjabiUrduVietnamesischThailändischPolnischSchwedischDänischNorwegischFinnischTürkischUkrainischIndonesischTamilischTeluguMarathiNepalesischPersischGriechischHebräisch
Extraktion erneut ausführenEin Klick
Führt die Extraktion erneut auf derselben Datei mit den aktuellen Einstellungen für Engine und Sprache aus — praktisch für einen neuen Versuch nach einem schwachen oder fehlgeschlagenen Durchlauf.
Kostenlos nutzbar · Keine Registrierung erforderlich · Ohne WasserzeichenUploads werden während der Übertragung verschlüsseltGemäß unserer Aufbewahrungsrichtlinie entfernt

Häufig gestellte Fragen

Wählen Sie „Inhalt extrahieren“. OCR erkennt unterstützte Tabellenstrukturen und erzeugt semantische Tabellenelemente, wo sie erkannt werden. Erkennung, Lesereihenfolge und Kopfzeilen-Semantik können fehlerhaft sein, prüfen und korrigieren Sie daher das bearbeitbare Markup, bevor Sie sich für Barrierefreiheit oder Veröffentlichung darauf verlassen.

features

Das heruntergeladene oder kopierte HTML kann in einen benutzerdefinierten HTML-Block eingefügt werden. „Bild anzeigen“ erstellt eine eigenständige Bildseite; „Inhalt extrahieren“ erstellt bearbeitbares semantisches Markup. Prüfen Sie die OCR-Ausgabe und wenden Sie vor der Veröffentlichung das CSS und die Sicherheitsregeln Ihrer Website an.

usage

Das Werkzeug erzeugt ein HTML-Dokument, aber die OCR kann Inhalte oder Strukturen erzeugen, die korrigiert werden müssen. Prüfen Sie den bearbeitbaren Quellcode, führen Sie eigene Validierungs- und Barrierefreiheitsprüfungen durch und behandeln Sie die automatische Konvertierung niemals als Garantie dafür, dass eine Seite jede HTML- oder WCAG-Anforderung erfüllt.

technical

Es gibt keine Schalter für Bootstrap, Tailwind oder das Beibehalten des Stylings. Der semantische Modus liefert eine bearbeitbare Struktur für Ihr eigenes CSS. Die Beta des visuellen Layouts behält die Screenshot-Pixel mit durchsuchbarem, positioniertem Text bei; sie erstellt keine nativen Bedienelemente und kein wiederverwendbares Designsystem neu.

technical

Sie können unterstützte Inhalte für Material extrahieren, das Sie verwenden dürfen, oder einen Screenshot visuell mit durchsuchbarem Text beibehalten. Der Konverter stellt eine abgebildete Website nicht als funktionsfähiges HTML, CSS und JavaScript nach, und Sie bleiben selbst dafür verantwortlich, die Erlaubnis zur Weiterverwendung der Inhalte zu haben.

usage

Uploads werden gemäß unserer Sicherheitsrichtlinie gelöscht, sofern Sie ein Ergebnis nicht ausdrücklich teilen. Ein geteiltes Ergebnis bleibt bis zu 30 Tage über einen öffentlichen Link zugänglich, den jeder mit Kenntnis des Links öffnen kann. Uploads werden niemals zum Trainieren von Modellen verwendet. Die HTML-Ausgabe enthält weder Wasserzeichen noch Quellenangabe oder Tracking-Pixel. Das Markup wird aus Ihrem eigenen Bild neu aufgebaut: Sie behalten die Rechte, die Sie an hochgeladenen Dateien und an Ihren eigenen Beiträgen zu den Ergebnissen haben; Pixoate erhebt keinen Eigentumsanspruch darauf. Agenturen, Freiberufler und interne Teams erstellen damit Landingpages, Vergleichstabellen und Dokumentationen.

privacy

Ja. Wählen Sie Bild anzeigen für eine portable Seite mit einem img-Tag, Inhalt extrahieren für per OCR erstelltes semantisches Markup oder Visuelles Layout beibehalten für die Originalpixel plus durchsuchbare, positionierte Wörter. Prüfen Sie die OCR-Ausgabe; keiner der Modi verwandelt abgebildete Bedienelemente in eine funktionierende Anwendung.

usage

„Bild anzeigen“ erstellt eine portable HTML-Seite mit dem Bild in einem responsiven img-Tag und führt keine OCR aus. „Inhalt extrahieren“ liest unterstützten Text, Überschriften, Listen und Tabellen in bearbeitbares semantisches Markup. „Visuelles Layout beibehalten“ behält die Screenshot-Pixel bei und fügt positionierte, durchsuchbare OCR-Wörter hinzu; es baut abgebildete Bedienelemente nicht als funktionierende HTML-Komponenten neu auf.

usage

Wählen Sie zuerst „Inhalt extrahieren“ oder „Visuelles Layout beibehalten“; „Das Bild anzeigen“ verwendet keine OCR und hat daher keine Engine-Einstellung. Wählen Sie in einem OCR-Modus „Standard“, „Engine 1“ oder „Engine 2“ und führen Sie die Konvertierung dann mit demselben Upload erneut aus.

features

Ja. Nutze den Sprachwähler in den Einstellungen, um die Schrift in deinem Screenshot abzugleichen – das ist wichtig für nicht-englischen UI-Text, akzentuierte Zeichen und mehrsprachige Dokumentationsseiten. Das Dropdown listet nur Sprachen auf, die von der aktuell gewählten Engine unterstützt werden, es aktualisiert sich also automatisch, wenn du die Engine wechselst.

usage

Ja – die Ausgabeansicht zeigt ein bearbeitbares Textfeld mit dem rohen HTML auf der einen und einer live gerenderten Vorschau auf der anderen Seite, das sich während des Tippens aktualisiert. Korrigieren Sie eine falsch gelesene Zelle, passen Sie ein Tag an oder fügen Sie eine Klasse hinzu, und die Vorschau spiegelt Ihre Änderung sofort wider, bevor Sie die .html-Datei kopieren oder herunterladen.

features

Nutze Engine 2 für stilisierte oder kantengeglättete UI-Schriften, stelle die Sprachauswahl passend zum Text des Screenshots ein und prüfe dann das Live-Vorschaufenster – wenn eine Zeile oder Spalte weiterhin zusammengeführt aussieht, bearbeite das HTML direkt im Textfeld, bevor du herunterlädst.

tips

Ja – Pixoate unterstützt die Stapel- und Massenverarbeitung. Wechseln Sie in den Stapelmodus, fügen Sie bis zu 60 Bilder bei Premium oder 200 bei Pro hinzu, legen Sie Ihre Optionen einmal fest und jedes Bild wird mit den gleichen Einstellungen verarbeitet, bevor Sie eine einzelne ZIP-Datei herunterladen. Die Massenverarbeitung ist eine Premium-Funktion; Die Ausgabe verwendet die gleiche Qualität und die gleichen Einstellungen wie im Einzelmodus.

features

Ja – bei der Massenverarbeitung konfigurieren Sie die Einstellungen einmalig und sie gelten für jedes Element im Stapel – bis zu 60 Bilder bei Premium oder 200 bei Pro. Es ist nicht erforderlich, die Einrichtung für jedes Element zu wiederholen. Temporär hochgeladene und generierte Dateien werden sicher verarbeitet und automatisch gelöscht.

usage

Fast immer liegt es an einem von drei Gründen: Die Datei überschreitet das kostenlose Upload-Limit von 11 MB – Premium akzeptiert 50 MB und Pro 120 MB. Das Format wird von diesem Werkzeug nicht unterstützt; prüfen Sie daher die Liste im Upload-Bereich. Oder die Datei entspricht tatsächlich nicht dem Format ihrer Dateiendung: Durch Umbenennen ändert sich der Dateiinhalt nicht. Deshalb kann ein scheinbar gültiger Scan oder ein scheinbar gültiges Foto abgelehnt werden.

troubleshooting

Die Genauigkeit verfolgt das Quellbild mehr als jede andere Einstellung. Fotografieren oder scannen Sie geradeaus und nicht schräg, sorgen Sie für gleichmäßiges Licht, ohne dass Schatten auf die Seite fallen, und füllen Sie den Rahmen mit dem Dokument. Legen Sie die Sprache fest, bevor Sie es ausführen. Das Erraten des falschen Alphabets durch OCR ist in der Regel die Ursache für eine Ausgabe, die wie Unsinn aussieht. Lesen Sie immer das Ergebnis, bevor Sie sich darauf verlassen.

troubleshooting

Nein. Sie können Image to HTML ausführen und das kostenlose Ergebnis ohne Konto herunterladen, und es trägt kein Wasserzeichen. Premium ist das, was Sie kaufen, wenn die Grenzen zu greifen beginnen: bis zu 60 Dateien in einem Stapel, größere Uploads, keine tägliche Obergrenze und das Ergebnis in Originalauflösung. Beim Download-Schritt wird nichts angezeigt, was vor dem Start nicht sichtbar war.

pricing

Nein – Bild to HTML läuft im Browser auf Desktop und Smartphone. Sie müssen nichts installieren, keine Testversion starten und keine Lizenz kaufen, bevor Sie prüfen können, ob das Tool Ihre Aufgabe löst. Verwenden Sie dafür Ihre eigene Datei statt eines Beispiels.

troubleshooting

Wie Bild zu HTML dir hilft, es zu erledigen

Es löst jeden Tag echte Probleme – für Unternehmen, Kreative und alltägliche Aufgaben. Finden Sie den für Sie passenden Anwendungsfall und starten Sie.

Für Kreative

Webseite aus Designer-Mockups

Wandle vom Designer gelieferte Screenshots in Start-HTML mit echten <table>-Elementen und semantischem Markup um, das du an eine Entwicklerin oder einen Entwickler übergeben oder direkt in einem CMS verwenden kannst.

Für Unternehmen

CMS-Migration aus alten PDFs

Übertrage Preistabellen, FAQ-Abschnitte und Funktionsvergleiche aus alten PDF-Broschüren mit einem einzigen Einfügen in eine moderne WordPress-, Webflow- oder Shopify-Seite.

Für Unternehmen

E-Mail-Newsletter-Tabellen

Erstelle pixelgenaue, E-Mail-sichere HTML-Tabellen aus Designer-Screenshots für Mailchimp, Klaviyo und HubSpot Email – ganz ohne das <table>-Markup von Hand zu schreiben.

Für Unternehmen

Preistabellen für SaaS-Landingpages

Wandle Mockups von Preisseiten in responsive HTML-Preistabellen für deine SaaS-Landingpage um – bereit zum Einbinden in das Marketing-Framework, das du bereits nutzt.

Für Unternehmen

Vergleichstabellen für Affiliate-Blogs

Affiliate-Marketer wandeln Screenshots von Produktvergleichen in semantische HTML-Tabellen für Testberichte um, damit Suchmaschinen und Leser die Daten sofort erfassen können.

Für Unternehmen

Konferenz-Zeitplanseiten

Wandle gedruckte Konferenzprogramme in HTML-Zeitplanseiten mit echtem <table>-Markup um, das sich für Mobilgeräte skalieren lässt und sich in deine Event-Website integriert.

Für Kreative

Rezeptseiten mit Zutatentabellen

Food-Blogger wandeln gedruckte Rezeptseiten in sauberes HTML um – mit strukturierten Zutatentabellen und Schritt-für-Schritt-Anleitungen, fertig für WordPress oder Ghost.

Für Unternehmen

Tabellen in API-Dokumentationen

Developer-Relations-Teams wandeln Screenshots von API-Referenzen aus internen PDFs in HTML-Tabellen für öffentliche Dokumentationsseiten um, die auf GitBook, Mintlify oder Docusaurus basieren.

Rechtliches

Compliance- & Offenlegungstabellen für Websites

Konvertiere ein gescanntes Konditionenblatt, eine Gebührenübersicht oder eine behördliche Offenlegungstabelle in semantisches HTML, das du auf einer Compliance-Seite veröffentlichen kannst — barrierefreies Markup, das sowohl Screenreader als auch Prüfer verarbeiten können.

Immobilien

Immobiliendatenblätter für Angebotsseiten

Verwandle die Spezifikationstabelle einer abfotografierten Immobilienbroschüre — Raummaße, Ausstattung, HOA-Gebühren — in eine HTML-Tabelle, die du direkt in eine Immobilien-Angebotsseite oder einen MLS-Syndication-Feed einbetten kannst.

Karriere & HR

Gehalts- und Jobvergleichstabellen

Konvertiere eine als Screenshot vorliegende Gehaltsumfrage oder einen Leistungsvergleich in sauberes HTML für eine Karriereseite oder ein Stellenportal, damit Bewerber die Zahlen auf dem Handy tatsächlich lesen können.

Für E-Commerce

Produktdatenblätter für E-Commerce-Angebote

Konvertiere eine gescannte Produkt-Spezifikationstabelle — Größentabellen, technische Daten, Material- oder Zutatenaufschlüsselungen — in semantisches HTML, das du direkt in eine Shopify-, WooCommerce- oder BigCommerce-Produktbeschreibung einfügen kannst, für eine echte durchscrollbare Tabelle statt eines unscharfen eingebetteten Fotos.

Diese Funktion bietet die beschriebenen Bearbeitungs- und Ausgabemöglichkeiten. Prüfen Sie die Vorschau und das Ergebnis vor dem Herunterladen oder Veröffentlichen.

Bearbeiten Sie Ihr Bild mit den passenden Optionen und prüfen Sie das Ergebnis sorgfältig vor dem Herunterladen oder Veröffentlichen.