Bild till 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

Ladda upp bild

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

PNG, JPG, WEBP, GIF, TIFF, BMP

What you can do with Bild till 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 Bild till HTML, explained — what it does and when to use it.

Motor

MotorDropdown
Väljer vilken textigenkänningsmotor som läser din fil; byt till Motor 1 eller Motor 2 när Standard läser stiliserade typsnitt eller handstil fel — resultatet uppdateras automatiskt.Alternativ: StandardMotor 1Motor 2
SpråkDropdown
Anger vilket språk källtexten är skriven på så att tecknen känns igen korrekt. Den sökbara väljaren visar bara de språk som den valda motorn stöder, med engelska som standard.Alternativ: EnglishFrenchGermanSpanishItalianPortugueseDutchRussianJapaneseKoreanChinese (Simplified)Chinese (Traditional)ArabicHindiBengaliPunjabiUrduVietnameseThaiPolishSwedishDanishNorwegianFinnishTurkishUkrainianIndonesianTamilTeluguMarathiNepaliPersianGreekHebrew
Kör extraheringen igenOne-click
Kör extraheringen igen på samma fil med aktuella val av Motor och Språk — praktiskt för att försöka igen efter ett svagt eller misslyckat försök.
Uploads are encrypted in transitRemoved under our retention policy

Vanliga frågor

OCR-motorn identifierar först rad- och kolumnstrukturen och genererar sedan riktiga <table>-, <thead>-, <tbody>-, <tr>-, <th>- och <td>-element som fungerar i alla webbläsare, e-postklienter och CMS. Inga CSS-hack, inga flexbox-tabeller, inga nästlade <div>-rutnät — bara ren HTML5 som validerar och är skärmläsartillgänglig direkt.

features

Ja. Klistra in i WordPress HTML-block, Webflow-inbäddning, Wix HTML-element eller Shopify Liquid-mall så renderas tabellen direkt. Markupen är beroendefri — ingen JavaScript, ingen extern CSS — så den överlever kopiera-och-klistra mellan redigerare och temabyten utan att gå sönder.

usage

Ja. Taggar är balanserade och korrekt nästlade, attributvärden är dubbelciterade och HTML5-doctype-antaganden respekteras. Kör resultatet genom W3C-validatorn så godkänns det. ARIA-roller kan läggas till manuellt för rikare tillgänglighet på datatunga tabeller som behöver skärmläsarmeddelanden.

technical

Som standard är resultatet ostylat så att det plockar upp ditt befintliga webbplatstema. Valfria flaggor lägger till Bootstrap (class="table table-striped"), Tailwind-verktygsklasser eller grundläggande inline-stilar för e-postsäker rendering. Lägg till scope="col" på rubrikceller för tillgänglighet — verktyget genererar dessa automatiskt för identifierade rubrikrader.

technical

Ja — för layoutreferens och personliga studier. Resultatet återskapar tabellstrukturen, men säkerställ alltid att du har rätt att återpublicera innehåll från en annan webbplats. Verktyget används oftast för att migrera dina egna äldre PDF:er och skärmbilder tillbaka till ett modernt CMS, inte för att skrapa skyddat innehåll.

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 — släpp en PNG, JPG eller skärmdump så bygger OCR om texten, tabellerna och listorna som ren semantisk HTML du kan kopiera eller ladda ner. Det extraherar innehållsstrukturen (riktig <table>, rubriker, listor), inte den visuella CSS-designen, så det är idealiskt för att flytta text och datatabeller till ett CMS, e-post eller blogginlägg.

usage

Öppna inställningen Motor i sidopanelen och välj Standard för vanliga skärmdumpar, eller växla till Motor 1 eller Motor 2 om tabellrubrikerna eller de stiliserade typsnitten i din bild inte läses korrekt. Efter att du ändrat det klickar du på Kör extraktion igen för att generera om HTML:en med den nya motorn.

features

Ja. Använd Språkväljaren i Inställningar för att matcha skriften i din skärmdump — detta spelar roll för icke-engelsk gränssnittstext, tecken med accenter och dokumentationssidor med blandade språk. Rullgardinsmenyn listar endast språk som stöds av den för närvarande valda motorn, så den uppdateras automatiskt om du byter motor.

usage

Ja — utdatavyn visar ett redigerbart textfält med rå HTML på ena sidan och en liverenderad förhandsvisning på den andra, som uppdateras medan du skriver. Rätta en feltolkad cell, finjustera en tagg, eller lägg till en klass, så speglar förhandsvisningen din ändring direkt innan du kopierar eller laddar ner .html-filen.

features

Använd Motor 2 för stiliserade eller kantutjämnade UI-teckensnitt, ställ in språkväljaren så att den matchar skärmbildens text och kontrollera sedan liveförhandsvisningsrutan – om en rad eller kolumn fortfarande ser sammanslagen ut, redigera HTML-koden direkt i textfältet innan du laddar ner.

tips

Ja — Pixoate stöder batch- och bulkbearbetning. Växla till batch-läge, lägg till upp till 60 bilder på Premium eller 200 på Pro, ställ in dina alternativ en gång och varje bild bearbetas med samma inställningar innan du laddar ner ett enda ZIP. Bulkbearbetning är en Premium-funktion; utgången använder samma kvalitet och inställningar som singelläge.

features

Ja – med massbearbetning konfigurerar du inställningarna en gång och de gäller för varje objekt i partiet – upp till 60 bilder på Premium eller 200 på Pro. Det finns ingen anledning att upprepa inställningarna per objekt, och tillfälligt uppladdade och genererade filer bearbetas säkert och raderas automatiskt.

usage

Så hjälper Bild till HTML dig att få det gjort

Verkliga problem det löser varje dag — för företag, kreatörer och vardagliga uppgifter. Hitta användningsfallet som passar dig och kom igång på några sekunder.

För kreatörer

Webbsida från designerns mockuper

Konvertera designerlevererade skärmdumpar till startfärdig HTML med riktiga <table>-element och semantisk markup som du kan lämna över till en utvecklare eller använda direkt i ett CMS.

För företag

CMS-migrering från gamla PDF:er

Flytta pristabeller, FAQ-avsnitt och funktionsjämförelser från gamla PDF-broschyrer till en modern WordPress-, Webflow- eller Shopify-sida med en enda inklistring.

För företag

Tabeller för nyhetsbrev via e-post

Bygg pixelexakta e-postsäkra HTML-tabeller från designerns skärmdumpar för Mailchimp, Klaviyo och HubSpot Email — utan att skriva <table>-koden för hand.

För företag

Pristabeller för SaaS-landningssidor

Konvertera mockuper av prissidor till responsiva HTML-pristabeller för din SaaS-landningssida, redo att infogas i det ramverk för marknadsföringswebbplatsen du redan använder.

För företag

Jämförelsetabeller för affiliatebloggar

Affiliatemarknadsförare omvandlar skärmbilder av produktjämförelser till semantiska HTML-tabeller för recensionsinlägg så att sökmotorer och läsare kan överblicka datan direkt.

För företag

Schemasidor för konferenser

Konvertera utskrivna konferensagendor till HTML-schemasidor med riktig <table>-uppmärkning som skalar till mobil och integreras med din evenemangswebbplats.

För kreatörer

Receptwebbplatser med ingredienstabeller

Matbloggare konverterar tryckta receptsidor till ren HTML med strukturerade ingredienstabeller och steg-för-steg-instruktioner redo för WordPress eller Ghost.

För företag

API-dokumentationstabeller

Developer relations-team konverterar skärmbilder av API-referenser från interna PDF:er till HTML-tabeller för publika dokumentationssidor byggda på GitBook, Mintlify eller Docusaurus.

Juridik

Efterlevnads- och upplysningstabeller för webbplatser

Konvertera en skannad villkorstabell, avgiftslista eller lagstadgad upplysningstabell till semantisk HTML som du kan publicera på en efterlevnadssida — tillgänglig kod som både skärmläsare och revisorer kan tolka.

Fastigheter

Fastighetsspecifikationsblad för annonssidor

Förvandla specifikationstabellen i en fotograferad fastighetsbroschyr — rumsmått, bekvämligheter, föreningsavgifter — till en HTML-tabell redo att bäddas in på en fastighetsannonssida eller ett MLS-syndikeringsflöde.

Karriär och HR

Löne- och jobbjämförelsetabeller

Konvertera en skärmdumpad löneundersökning eller förmånsjämförelse till ren HTML för en karriärsida eller jobbannons, så att kandidater faktiskt kan läsa siffrorna på mobilen.

För e-handel

Produktspecifikationsblad för e-handelsannonser

Konvertera en skannad produktspecifikationstabell — storleksguider, tekniska specifikationer, material- eller ingrediensuppdelningar — till semantisk HTML som du kan klistra in direkt i en produktbeskrivning på Shopify, WooCommerce eller BigCommerce, vilket ger kunderna en riktig scrollbar tabell istället för ett suddigt inbäddat foto.