Een realistisch brondocument, gevolgd door de werkelijke documentstaat of het uitvoerbestand na ‘Afbeelding naar HTML’.
Na
Voor
Afbeelding naar HTML

Afbeelding naar HTML-converter — Converteer JPG of PNG naar HTML

Een screenshot met de hand opnieuw opbouwen als HTML is een ochtend voorbij. Converteer de afbeelding naar HTML: een ingesloten afbeelding, semantische inhoud of een doorzoekbare tekstlaag.

  • Sla het handmatig opnieuw typen van een screenshot in de markeringen over
  • Ontvang semantische HTML, een ingesloten afbeelding of een doorzoekbare tekstlaag
  • Eén duidelijke keuze vooraf: geen instellingen die u niet nodig heeft

JPG, PNG, WEBP en meer

Wat moet de HTML met je afbeelding doen?

Afbeelding uploaden

Zet een afbeelding neer — krijg een draagbare HTML-pagina met de afbeelding erin.

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

Wat u kunt doen met Afbeelding naar HTML

Bekijk de belangrijkste mogelijkheden voordat u begint.

  • Plaats een afbeelding in één draagbaar HTML-bestand zonder OCR
  • Extraheer tekstalinea's en ondersteunde tabellen als semantische HTML
  • Behoud de schermafbeeldingspixels en voeg een doorzoekbare, gepositioneerde tekstlaag toe
  • Kies de OCR-engine en taal alleen wanneer herkenning nodig is
  • Bekijk en bewerk de gegenereerde opmaak voordat je kopieert of downloadt

Referentie instellingen

Beschikbare besturingselementen voor Afbeelding naar HTML.

VerwerkingsmodusVoorinstellingen
Verwerk één invoer of schakel over naar de batchmodus van Premium om meerdere invoeren met dezelfde instellingen te verwerken. Welke invoertypen beschikbaar zijn, hangt af van het hulpmiddel.Opties: Enkel bestandPartij

Modus

Wat moet de HTML met je afbeelding doen?Voorinstellingen
Maakt een draagbare img-pagina zonder OCR, semantische bewerkbare opmaak uit OCR, of een visuele-lay-out-bèta die de pixels behoudt en er doorzoekbare woorden overheen legt.Opties: Toon de afbeeldingDe inhoud extraherenVisuele lay-out behouden

Motor

MotorDropdownmenu
Kiest welke tekstherkenningsengine de afbeelding leest in de inhouds- of visuele-lay-outmodus; De afbeelding tonen voert geen OCR uit.Opties: StandaardMotor 1Motor 2
TaalDropdownmenu
Kies de belangrijkste taal van het bronbestand. De beschikbare talen hangen af van de gekozen leesengine; niet-ondersteunde talen worden verborgen. Engels is de standaardtaal. Controleer de herkende tekst op leesfouten.Opties: EngelsFransDuitsSpaansItaliaansPortugeesNederlandsRussischJapansKoreaansChinees (vereenvoudigd)Chinees (traditioneel)ArabischHindi-taalBengaalsPunjabiOptie – UrduVietnameesThaisPoolsZweedsDeensNoorsFinsTurksOekraïensIndonesischOptie – TamilOptie – TeluguOptie – MarathiNepaleesPerzischGrieksHebreeuws
Extractie opnieuw uitvoerenEén klik
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.
Gratis te gebruiken · Geen registratie nodig · Zonder watermerkUploads worden tijdens de overdracht versleuteldVerwijderd op grond van ons bewaarbeleid

Veelgestelde vragen

Kies De inhoud extraheren. OCR detecteert ondersteunde tabelstructuur en levert semantische tabelelementen waar herkend. Detectie, leesvolgorde en koptekstsemantiek kunnen onvolmaakt zijn, dus controleer en corrigeer de bewerkbare opmaak voordat je erop vertrouwt voor toegankelijkheid of publicatie.

features

De gedownloade of gekopieerde HTML kan in een aangepast HTML-blok worden geplaatst. Toon de afbeelding maakt een op zichzelf staande afbeeldingspagina; Inhoud extraheren maakt bewerkbare semantische opmaak. Controleer de OCR-uitvoer en pas de CSS- en beveiligingsregels van je site toe voordat je publiceert.

usage

Het gereedschap genereert een HTML-document, maar OCR kan inhoud of structuur produceren die correctie behoeft. Controleer de bewerkbare bron, voer je eigen validator- en toegankelijkheidscontroles uit en beschouw automatische conversie nooit als een garantie dat een pagina aan elke HTML- of WCAG-eis voldoet.

technical

Er zijn geen schakelaars voor Bootstrap, Tailwind of het behouden van styling. De semantische modus geeft een bewerkbare structuur voor je eigen CSS. De visuele-lay-outbèta behoudt de schermafbeeldingspixels met doorzoekbare gepositioneerde tekst; hij maakt geen native bedieningselementen of een herbruikbaar ontwerpsysteem opnieuw.

technical

Je kunt ondersteunde inhoud extraheren uit materiaal dat je mag gebruiken, of een screenshot visueel bewaren met doorzoekbare tekst. De converter maakt van een afgebeelde site geen functionele HTML, CSS en JavaScript, en je blijft zelf verantwoordelijk voor de toestemming om de inhoud ervan te hergebruiken.

usage

Uploads worden volgens ons beveiligingsbeleid verwijderd, tenzij je uitdrukkelijk een resultaat deelt. Dat blijft maximaal 30 dagen beschikbaar via een openbare link die iedereen met de link kan openen. Uploads worden nooit gebruikt om modellen te trainen en de HTML-uitvoer bevat geen watermerk, attributie of trackingpixel. De markup wordt opnieuw opgebouwd uit je eigen afbeelding: je behoudt de rechten die je hebt op de bestanden die je uploadt en op je oorspronkelijke bijdragen aan de resultaten — Pixoate maakt geen aanspraak op het eigendom ervan. Bureaus, freelancers en interne teams gebruiken dit om landingspagina's, vergelijkingstabellen en documentatie te publiceren.

privacy

Ja. Kies Afbeelding tonen voor een draagbare pagina met een img-tag, Inhoud extraheren voor semantische markup opgebouwd met OCR, of Visuele lay-out behouden voor de originele pixels plus doorzoekbare, gepositioneerde woorden. Controleer de OCR-uitvoer; geen van de modi maakt van afgebeelde bedieningselementen een werkende applicatie.

usage

Toon de afbeelding maakt één draagbare HTML-pagina met de afbeelding in een responsieve img-tag en voert geen OCR uit. Inhoud extraheren leest ondersteunde tekst, koppen, lijsten en tabellen in bewerkbare semantische opmaak. Visuele lay-out behouden behoudt de schermafbeeldingspixels en voegt gepositioneerde doorzoekbare OCR-woorden toe; het bouwt afgebeelde bedieningselementen niet opnieuw op als werkende HTML-componenten.

usage

Kies eerst De inhoud extraheren of Visuele lay-out behouden; De afbeelding tonen gebruikt geen OCR en heeft daarom geen engine-instelling. In een OCR-modus kies je Standaard, Engine 1 of Engine 2 en voer je de conversie opnieuw uit met dezelfde upload.

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

Bijna altijd is een van deze drie oorzaken van toepassing. Het bestand overschrijdt de gratis uploadlimiet van 11 MB — Premium accepteert 50 MB en Pro 120 MB. Of de indeling wordt niet door deze tool ondersteund; controleer dan de lijst in het uploadvenster. Het kan ook zijn dat het bestand niet werkelijk de indeling heeft die de naam aangeeft. Een bestand hernoemen verandert de inhoud niet, en daarom kan een ogenschijnlijk geldige scan of foto worden geweigerd.

troubleshooting

Nauwkeurigheid volgt het bronbeeld beter dan welke instelling dan ook. Maak of scan recht vooruit in plaats van vanuit een hoek, zorg voor een gelijkmatig licht zonder dat er schaduw over de pagina valt en vul het kader met het document. Stel de taal in voordat u deze uitvoert: OCR raadt het verkeerde alfabet is de gebruikelijke oorzaak van uitvoer die op onzin lijkt. Lees altijd het resultaat voordat u erop vertrouwt.

troubleshooting

Nee. U kunt Image naar HTML uitvoeren en het gratis resultaat downloaden zonder account, en het bevat geen watermerk. Premium is wat je koopt als de limieten beginnen te dringen: tot 60 bestanden in één batch, grotere uploads, geen dagelijkse limiet en het resultaat van de originele resolutie. Bij de downloadstap wordt niets onthuld dat niet zichtbaar was voordat u begon.

pricing

Nee — Image to HTML draait in de browser op desktop en telefoon. Er is niets om te installeren, geen proefperiode om te starten, en geen licentie om te kopen voordat je kunt zien of het doet wat je nodig hebt. Probeer het op het bestand waar je daadwerkelijk mee vastzit in plaats van op een voorbeeldbestand.

troubleshooting

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 use case die bij u past en begin.

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.

Bekijk each transformation land

Every foto crosses the slash untouched and comes out the other side finished.