Afbeelding naar HTML

Convert images to clean HTML

Turn screenshots and scans into semantic HTML with real tables, paragraphs and lists. A side-by-side preview lets you see and edit the markup before downloading.

  • Real <table> elements extracted from your image
  • Accurate OCR in 30+ languages
  • Private processing · Files deleted automatically

JPG, PNG, WEBP and more · Secure processing

HTML
Extracting HTML

Afbeelding uploaden

Drop a screenshot — get back clean HTML with real <table> markup to paste.

PNG, JPG, WEBP, GIF, TIFF, BMP

What you can do with Afbeelding naar HTML

Everything this tool helps you accomplish — no learning curve, no setup.

  • Convert screenshots into clean HTML markup
  • Rebuild tables as real HTML table elements
  • Turn design mockups into structured web code
  • Extract text and layout in your chosen language
  • Re-run extraction to fine-tune the result
  • Skip retyping content into your webpage

Settings information

Every control in Afbeelding naar HTML, explained — what it does and when to use it.

Engine

EngineDropdown
Bepaalt welke tekstherkenningsengine je bestand leest; schakel over naar Engine 1 of Engine 2 wanneer Standaard gestileerde lettertypen of handschrift verkeerd leest — het resultaat wordt automatisch vernieuwd.Opties: StandaardEngine 1Engine 2
TaalDropdown
Stelt in in welke taal de brontekst is geschreven, zodat tekens nauwkeurig worden herkend; de doorzoekbare keuzelijst toont alleen de talen die de gekozen engine ondersteunt, met Engels als standaard.Opties: EnglishFrenchGermanSpanishItalianPortugueseDutchRussianJapaneseKoreanChinese (Simplified)Chinese (Traditional)ArabicHindiBengaliPunjabiUrduVietnameseThaiPolishSwedishDanishNorwegianFinnishTurkishUkrainianIndonesianTamilTeluguMarathiNepaliPersianGreekHebrew
Extractie opnieuw uitvoerenOne-click
Voert de extractie opnieuw uit op hetzelfde bestand met de huidige keuzes voor Engine en Taal — handig om het opnieuw te proberen na een zwakke of mislukte poging.
Uploads are encrypted in transitRemoved under our retention policy

Veelgestelde vragen

De OCR-engine herkent eerst de rij- en kolomstructuur en genereert vervolgens echte <table>, <thead>, <tbody>, <tr>, <th> en <td> elementen die in elke browser, e-mailclient en CMS werken. Geen CSS-trucs, geen flexbox-tabellen, geen geneste <div>-rasters — gewoon schone HTML5 die valideert en standaard toegankelijk is voor schermlezers.

features

Ja. Plak in het WordPress-HTML-blok, de Webflow-embed, het Wix-HTML-element of het Shopify-Liquid-sjabloon en de tabel wordt direct weergegeven. De mark-up is afhankelijkheidsvrij — geen JavaScript, geen externe CSS — dus hij doorstaat kopiëren en plakken tussen editors en themawisselingen zonder kapot te gaan.

usage

Ja. Tags zijn in balans en correct genest, attribuutwaarden staan tussen dubbele aanhalingstekens en de HTML5-doctype-aannames worden gerespecteerd. Haal de uitvoer door de W3C-validator en hij komt erdoor. ARIA-rollen kunnen handmatig worden toegevoegd voor rijkere toegankelijkheid bij gegevensrijke tabellen die schermlezeraankondigingen nodig hebben.

technical

Standaard heeft de uitvoer geen opmaak, zodat deze het thema van je bestaande site overneemt. Optionele vlaggen voegen Bootstrap toe (class="table table-striped"), Tailwind-utility-classes of eenvoudige inline-stijlen voor e-mailveilige weergave. Voeg scope="col" toe aan kopcellen voor toegankelijkheid — de tool plaatst deze automatisch bij gedetecteerde koprijen.

technical

Ja — voor lay-outreferentie en persoonlijke studie. De uitvoer reconstrueert de tabelstructuur, maar zorg er altijd voor dat je het recht hebt om content van een andere site opnieuw te publiceren. De tool wordt het vaakst gebruikt om je eigen oude PDF's en screenshots terug te migreren naar een modern CMS, niet om beschermde content te scrapen.

usage

Uploads are auto-deleted within 24 hours — unless you explicitly share a result, which keeps it at a public link anyone who has it can open for up to 30 days — never used to train models, and the HTML output carries no watermark, attribution or tracking pixel. The markup is rebuilt from your own image: You keep ownership of the files you upload and the results you create — we claim no rights in them. Agencies, freelancers and in-house teams use it to ship landing pages, comparison tables and documentation.

privacy

Ja — sleep een PNG, JPG of schermafbeelding erin en de OCR bouwt de tekst, tabellen en lijsten opnieuw op als schone semantische HTML die je kunt kopiëren of downloaden. Hij extraheert de inhoudsstructuur (echte <table>, koppen, lijsten), niet het visuele CSS-ontwerp, dus hij is ideaal om tekst en gegevenstabellen over te zetten naar een CMS, e-mail of blogbericht.

usage

Open de Engine-instelling in het zijpaneel en kies Default voor algemene screenshots, of schakel over naar Engine 1 of Engine 2 als de tabelkoppen of gestileerde lettertypen in je afbeelding niet correct worden gelezen. Klik na het wijzigen op Extractie opnieuw uitvoeren om de HTML met de nieuwe engine opnieuw te genereren.

features

Ja. Gebruik de Language-kiezer in Settings om het schrift in je screenshot te matchen — dit is belangrijk voor niet-Engelse UI-tekst, tekens met accenten en documentatiepagina's met meerdere talen. De dropdown toont alleen talen die worden ondersteund door de momenteel geselecteerde engine, dus deze wordt automatisch bijgewerkt als je van engine wisselt.

usage

Ja — de uitvoerweergave toont een bewerkbaar tekstveld met de ruwe HTML aan de ene kant en een live gerenderd voorbeeld aan de andere, dat wordt bijgewerkt terwijl je typt. Corrigeer een verkeerd gelezen cel, pas een tag aan, of voeg een class toe, en het voorbeeld toont je wijziging direct voordat je het .html-bestand kopieert of downloadt.

features

Gebruik Engine 2 voor gestileerde of geantialiaste UI-lettertypen, stel de Taalkiezer in op de tekst van de schermafbeelding en controleer vervolgens het live-previewvenster — als een rij of kolom er nog steeds samengevoegd uitziet, bewerk je de HTML rechtstreeks in het tekstvak voordat je downloadt.

tips

Ja – Pixoate ondersteunt batch- en bulkverwerking. Schakel over naar de batchmodus, voeg tot 60 afbeeldingen toe op Premium of 200 op Pro, stel uw opties één keer in en elke afbeelding wordt met dezelfde instellingen verwerkt voordat u een enkele ZIP downloadt. Bulkverwerking is een Premium-functie; de uitvoer gebruikt dezelfde kwaliteit en instellingen als de enkele modus.

features

Ja – bij bulkverwerking configureert u de instellingen één keer en ze zijn van toepassing op elk item in de batch – tot 60 afbeeldingen op Premium of 200 op Pro. Het is niet nodig om de instellingen per item te herhalen en tijdelijk geüploade en gegenereerde bestanden worden veilig verwerkt en automatisch verwijderd.

usage

Hoe Afbeelding naar HTML je helpt de klus te klaren

Echte problemen die het elke dag oplost — voor bedrijven, makers en alledaagse taken. Vind de toepassing die bij je past en begin in seconden.

Voor makers

Webpagina vanuit ontwerpmockups

Zet door de ontwerper aangeleverde screenshots om naar start-HTML met echte <table>-elementen en semantische opmaak die je aan een ontwikkelaar kunt overdragen of direct in een CMS kunt gebruiken.

Voor bedrijven

CMS-migratie vanuit oude PDF's

Verplaats prijstabellen, FAQ-secties en functievergelijkingen uit oude PDF-brochures met één plakactie naar een moderne WordPress-, Webflow- of Shopify-pagina.

Voor bedrijven

Tabellen voor e-mailnieuwsbrieven

Bouw pixelnauwkeurige, e-mailveilige HTML-tabellen op basis van designerscreenshots voor Mailchimp, Klaviyo en HubSpot Email — zonder de <table>-markup met de hand te schrijven.

Voor bedrijven

Prijstabellen voor SaaS-landingspagina's

Converteer mock-ups van prijspagina's naar responsieve HTML-prijstabellen voor je SaaS-landingspagina, klaar om in te voegen in het marketingsiteframework dat je al gebruikt.

Voor bedrijven

Vergelijkingsschema's voor affiliateblogs

Affiliate-marketeers zetten screenshots van productvergelijkingen om in semantische HTML-tabellen voor reviewposts, zodat zoekmachines en lezers de gegevens direct kunnen scannen.

Voor bedrijven

Programmapagina's voor congressen

Converteer geprinte conferentieagenda's naar HTML-schemapagina's met echte <table>-markup die meeschaalt naar mobiel en integreert met je evenementenwebsite.

Voor makers

Receptensites met ingrediëntentabellen

Foodbloggers zetten gedrukte receptpagina's om in nette HTML met gestructureerde ingrediëntentabellen en stapsgewijze instructies, klaar voor WordPress of Ghost.

Voor bedrijven

Tabellen in API-documentatie

Developer-relations-teams zetten screenshots van API-referenties uit interne PDF's om in HTML-tabellen voor openbare documentatiesites die draaien op GitBook, Mintlify of Docusaurus.

Juridisch

Compliance- en Openbaarmakingstabellen voor Websites

Converteer een gescand voorwaardenblad, tarievenoverzicht of regelgevende openbaarmakingstabel naar semantische HTML die je op een compliance-pagina kunt publiceren — toegankelijke opmaak die zowel schermlezers als auditors kunnen verwerken.

Vastgoed

Vastgoedspecificatiebladen voor advertentiepagina's

Zet de specificatietabel van een gefotografeerde vastgoedbrochure — kamerafmetingen, voorzieningen, VvE-kosten — om in een HTML-tabel die klaar is om in te bedden op een vastgoedadvertentiepagina of MLS-syndicatiefeed.

Carrière en HR

Salaris- en vacaturevergelijkingstabellen

Converteer een screenshot van een salarisonderzoek of vergelijking van arbeidsvoorwaarden naar nette HTML voor een carrièrepagina of vacaturesite, zodat kandidaten de cijfers ook echt kunnen lezen op mobiel.

Voor e-commerce

Productspecificatiebladen voor e-commerceadvertenties

Converteer een gescande producttabel — maattabellen, technische specificaties, materiaal- of ingrediëntenoverzichten — naar semantische HTML die je direct kunt plakken in een Shopify-, WooCommerce- of BigCommerce-productbeschrijving, zodat shoppers een echte scrollbare tabel krijgen in plaats van een wazige ingesloten foto.