Ett realistiskt källdokument, följt av dokumentets faktiska tillstånd eller den utdatafil som ”Bild till HTML” skapar.
Efter
Före
Bild till HTML

Image to HTML Converter — Konvertera JPG eller PNG till HTML

Att bygga om en skärmdump som HTML för hand är en morgon borta. Konvertera bilden till HTML – inbäddad bild, semantiskt innehåll eller ett sökbart textlager.

  • Hoppa över att skriva om en skärmdump till markering för hand
  • Skaffa semantisk HTML, en inbäddad bild eller ett sökbart textlager
  • Ett tydligt val i förväg — inga inställningar du inte behöver

JPG, PNG, WEBP och mer

Vad ska HTML-koden göra med din bild?

Ladda upp bild

Släpp en bild — få en portabel HTML-sida med bilden inuti.

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

Vad du kan göra med Bild till HTML

Granska de viktigaste funktionerna innan du börjar.

  • Placera en bild i en portabel HTML-fil utan OCR
  • Extrahera textstycken och tabeller som stöds som semantisk HTML
  • Behåll skärmdumpens pixlar och lägg till ett sökbart, positionerat textlager
  • Välj OCR-motor och språk endast när igenkänning behövs
  • Granska och redigera genererad markup innan du kopierar eller laddar ner

Inställningsreferens

Tillgängliga kontroller för Bild till HTML.

BearbetningslägeFörinställningar
Bearbeta en inmatning eller byt till Premiums batchläge för att bearbeta flera med samma inställningar. Vilka typer av inmatning som stöds beror på verktyget.Alternativ: Enskild filBunt

Läge

Vad ska HTML-koden göra med din bild?Förinställningar
Skapar en portabel img-sida utan OCR, semantisk redigerbar märkning från OCR, eller en visuell layout-beta som behåller pixlarna och lägger sökbara ord ovanpå.Alternativ: Visa bildenExtrahera innehålletBehåll visuell layout

Motor

MotorRullgardinsmeny
Väljer vilken textigenkänningsmotor som läser bilden i innehålls- eller visuellt layoutläge; Visa bilden kör inte OCR.Alternativ: StandardMotor 1Motor 2
SpråkRullgardinsmeny
Välj huvudspråket i källan. Tillgängliga språk beror på vald läsmotor och språk som inte stöds döljs. Engelska är standard. Kontrollera den extraherade texten efter igenkänningsfel.Alternativ: EngelskaFranskaTyskaspanskaItalienskaPortugisiskaNederländskaRyskaJapanskaKoreanskaKinesiska (förenklad)Kinesiska (traditionell)ArabiskahindiBengaliskaPunjabi-språkUrdu-språkvietnamesiskaThailändskaFinslipasvenskaDanskaNorskaFinskaturkiskaukrainskaIndonesiskaTamilskaTeluguspråkMarathinepalesiskaPersiskaGrekiskaHebreiska
Kör extraheringen igenEtt klick
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.
Gratis att använda · Ingen registrering krävs · Utan vattenstämpelUppladdningar krypteras under överföringBorttagen enligt vår lagringspolicy

Vanliga frågor

Välj Extrahera dess innehåll. OCR upptäcker tabellstruktur som stöds och genererar semantiska tabellelement där de känns igen. Igenkänning, läsordning och rubriksemantik kan vara ofullständiga, så granska och korrigera den redigerbara märkningen innan du förlitar dig på den för tillgänglighet eller publicering.

features

Den nedladdade eller kopierade HTML-koden kan placeras i ett anpassat HTML-block. Visa bilden skapar en fristående bildsida; Extrahera innehållet skapar redigerbar semantisk kod. Granska OCR-resultatet och tillämpa din webbplats CSS- och säkerhetsregler innan du publicerar.

usage

Verktyget genererar ett HTML-dokument, men OCR kan producera innehåll eller struktur som behöver korrigeras. Granska den redigerbara källkoden, kör din egen validator och dina tillgänglighetskontroller, och betrakta aldrig automatisk konvertering som en garanti för att en sida uppfyller alla HTML- eller WCAG-krav.

technical

Det finns inga reglage för Bootstrap, Tailwind eller att behålla stilen. Semantiskt läge ger en redigerbar struktur för din egen CSS. Visuell layout (beta) behåller skärmdumpens pixlar med sökbar, positionerad text; det återskapar inte inbyggda kontroller eller ett återanvändbart designsystem.

technical

Du kan extrahera stött innehåll för material du har rätt att använda, eller bevara en skärmdump visuellt med sökbar text. Konverteraren återskapar inte en avbildad webbplats som fungerande HTML, CSS och JavaScript, och du ansvarar själv för tillståndet att återanvända dess innehåll.

usage

Uppladdningar tas bort enligt vår säkerhetspolicy, såvida du inte uttryckligen delar ett resultat. Då sparas resultatet i upp till 30 dagar på en offentlig länk som alla med länken kan öppna. Uppladdningar används aldrig för att träna modeller och HTML-resultatet har ingen vattenstämpel, attribution eller spårningspixel. Märkkoden byggs upp på nytt från din egen bild: du behåller de rättigheter du har till filerna du laddar upp och till dina ursprungliga bidrag till resultaten — Pixoate gör inte anspråk på äganderätten till dem. Byråer, frilansare och interna team använder det för att publicera landningssidor, jämförelsetabeller och dokumentation.

privacy

Ja. Välj Visa bilden för en portabel sida med en img-tagg, Extrahera dess innehåll för OCR-byggd semantisk markering, eller Behåll visuell layout för originalpixlarna plus sökbara, positionerade ord. Granska OCR-resultatet; inget av lägena förvandlar avbildade kontroller till en fungerande applikation.

usage

Visa bilden skapar en flyttbar HTML-sida med bilden i en responsiv img-tagg och kör ingen OCR. Extrahera innehållet läser in text, rubriker, listor och tabeller som stöds till redigerbar semantisk kod. Behåll visuell layout behåller skärmdumpens pixlar och lägger till positionerade sökbara OCR-ord; det bygger inte om avbildade kontroller till fungerande HTML-komponenter.

usage

Välj Extrahera dess innehåll eller Behåll visuell layout först; Visa bilden använder inte OCR och har därför ingen motorinställning. I ett OCR-läge väljer du Standard, Motor 1 eller Motor 2 och kör sedan konverteringen igen med samma uppladdning.

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

Det beror nästan alltid på en av tre saker. Filen överskrider den kostnadsfria uppladdningsgränsen på 11 MB – Premium tillåter 50 MB och Pro 120 MB. Formatet kanske inte stöds av verktyget; kontrollera listan i uppladdningspanelen. Eller så har filen egentligen inte det format som filnamnet anger: att byta namn på en fil ändrar inte innehållet, och därför kan en skanning eller ett foto som ser giltigt ut ändå nekas.

troubleshooting

Noggrannhet spårar källbilden mer än någon inställning. Fotografera eller skanna rakt på istället för i en vinkel, få jämnt ljus utan att någon skugga faller över sidan och fyll ramen med dokumentet. Ställ in språket innan du kör det — OCR som gissar fel alfabet är den vanliga orsaken till utdata som ser ut som nonsens. Läs alltid resultatet innan du litar på det.

troubleshooting

Nej. Du kan köra bild till HTML och ladda ner det kostnadsfria resultatet utan ett konto, och det har ingen vattenstämpel. Premium är vad du köper när gränserna börjar bita: upp till 60 filer i en batch, större uppladdningar, inget dagligt tak och resultatet med originalupplösning. Ingenting avslöjas vid nedladdningssteget som inte var synligt innan du började.

pricing

Nej — Bild till HTML körs i webbläsaren på skrivbordet och telefonen. Det finns inget att installera, ingen testversion att starta och ingen licens att köpa innan du kan se om den gör vad du behöver. Prova det på filen du faktiskt har fastnat med snarare än ett prov.

troubleshooting

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

Verkliga problem den löser varje dag - för företag, kreatörer och vardagliga uppgifter. Hitta det användningsfall som passar dig och börja.

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.

Rättslig

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.

Titta på varje transformationsland

Varje foto korsar snedstrecket orört och kommer ut på andra sidan färdigt.