Kuvasta HTML:ksi

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

Lähetä kuva

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

PNG, JPG, WEBP, GIF, TIFF, BMP

What you can do with Kuvasta HTML:ksi

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 Kuvasta HTML:ksi, explained — what it does and when to use it.

Moottori

MoottoriDropdown
Valitsee, mikä tekstintunnistusmoottori lukee tiedostosi; vaihda Moottoriin 1 tai Moottoriin 2, jos Oletus tulkitsee koristeelliset fontit tai käsialan väärin — tulos päivittyy automaattisesti.Asetukset: OletusMoottori 1Moottori 2
KieliDropdown
Määrittää kielen, jolla lähdeteksti on kirjoitettu, jotta merkit tunnistetaan tarkasti. Haettava valitsin näyttää vain valitun tunnistusmoottorin tukemat kielet, ja oletuksena on englanti.Asetukset: EnglishFrenchGermanSpanishItalianPortugueseDutchRussianJapaneseKoreanChinese (Simplified)Chinese (Traditional)ArabicHindiBengaliPunjabiUrduVietnameseThaiPolishSwedishDanishNorwegianFinnishTurkishUkrainianIndonesianTamilTeluguMarathiNepaliPersianGreekHebrew
Suorita poiminta uudelleenOne-click
Suorittaa poiminnan uudelleen samalle tiedostolle nykyisillä Moottori- ja Kieli-valinnoilla – kätevä uuteen yritykseen heikon tai epäonnistuneen ajon jälkeen.
Uploads are encrypted in transitRemoved under our retention policy

Usein kysytyt kysymykset

OCR-moottori tunnistaa ensin rivi- ja sarakerakenteen ja tuottaa sitten aitoja <table>-, <thead>-, <tbody>-, <tr>-, <th>- ja <td>-elementtejä, jotka toimivat jokaisessa selaimessa, sähköpostiohjelmassa ja sisällönhallintajärjestelmässä. Ei CSS-kikkailuja, ei flexbox-taulukoita, ei sisäkkäisiä <div>-ruudukoita — pelkkää puhdasta HTML5:tä, joka läpäisee validoinnin ja on ruudunlukuohjelmilla käytettävissä heti.

features

Kyllä. Liitä WordPressin HTML-lohkoon, Webflow-upotukseen, Wixin HTML-elementtiin tai Shopifyn Liquid-malliin, niin taulukko renderöityy välittömästi. Merkintä on riippumaton kirjastoista – ei JavaScriptiä, ei ulkoista CSS:ää – joten se kestää kopioinnin ja liittämisen editorien välillä sekä teemanvaihdot rikkoutumatta.

usage

Kyllä. Tagit ovat tasapainossa ja oikein sisäkkäin, attribuuttien arvot ovat lainausmerkeissä, ja HTML5-doctype-oletukset huomioidaan. Aja tulos W3C-validaattorin läpi, ja se läpäisee tarkistuksen. ARIA-roolit voidaan lisätä manuaalisesti rikkaamman saavutettavuuden saamiseksi datapainotteisissa taulukoissa, jotka tarvitsevat ruudunlukijailmoituksia.

technical

Oletuksena tuloste on tyylittelemätön, joten se mukautuu olemassa olevaan sivustosi teemaan. Valinnaiset asetukset lisäävät Bootstrapin (class="table table-striped"), Tailwind-apuluokat tai perustason rivinsisäiset tyylit sähköpostiturvallista esitystä varten. Lisää otsikkosoluihin scope="col" saavutettavuuden vuoksi — työkalu tuottaa nämä automaattisesti havaituille otsikkoriveille.

technical

Kyllä — asettelun viitteeksi ja henkilökohtaiseen tarkasteluun. Tulos muodostaa taulukkorakenteen uudelleen, mutta varmista aina, että sinulla on oikeus julkaista toiselta sivustolta peräisin olevaa sisältöä. Työkalua käytetään yleisimmin omien vanhojen PDF:ien ja kuvakaappausten siirtämiseen takaisin nykyaikaiseen sisällönhallintajärjestelmään, ei suojatun sisällön kaapimiseen.

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

Kyllä — pudota PNG, JPG tai kuvakaappaus, ja OCR rakentaa tekstin, taulukot ja listat uudelleen siistinä semanttisena HTML:nä, jonka voit kopioida tai ladata. Se poimii sisältörakenteen (aidot <table>-elementit, otsikot, listat), ei visuaalista CSS-suunnittelua, joten se on ihanteellinen tekstin ja taulukoiden siirtämiseen julkaisujärjestelmään, sähköpostiin tai blogikirjoitukseen.

usage

Avaa Moottori-asetus sivupaneelista ja valitse Oletus yleisiin kuvakaappauksiin, tai vaihda Moottoriin 1 tai Moottoriin 2, jos kuvasi taulukko-otsikoita tai tyyliteltyjä kirjasimia ei lueta oikein. Kun olet muuttanut sitä, napsauta Aja poiminta uudelleen luodaksesi HTML:n uudelleen uudella moottorilla.

features

Kyllä. Käytä Settings-kohdan Language-valitsinta vastaamaan kuvakaappauksesi kirjoitusjärjestelmää — tällä on merkitystä ei-englanninkieliselle käyttöliittymätekstille, aksenttimerkeille ja monikielisille dokumentaatiosivuille. Pudotusvalikko listaa vain nykyisen valitun moottorin tukemat kielet, joten se päivittyy automaattisesti, jos vaihdat moottoria.

usage

Kyllä — tulostenäkymä näyttää muokattavan tekstialueen, jossa on raaka HTML toisella puolella ja reaaliaikaisesti renderöity esikatselu toisella, päivittyen samalla kun kirjoitat. Korjaa väärinluettu solu, hienosäädä tagia tai lisää luokka, niin esikatselu heijastaa muutoksesi välittömästi ennen kuin kopioit tai lataat .html-tiedoston.

features

Käytä Engine 2:ta tyylitellyille tai pehmennetyille käyttöliittymäfonteille, aseta Kieli-valitsin vastaamaan kuvakaappauksen tekstiä ja tarkista sitten reaaliaikainen esikatseluruutu — jos rivi tai sarake näyttää edelleen yhdistyneeltä, muokkaa HTML:ää suoraan tekstikentässä ennen lataamista.

tips

Kyllä — Pixoate tukee erä- ja joukkokäsittelyä. Vaihda erätilaan, lisää enintään 60 kuvaa Premiumissa tai 200 Prossa, aseta asetukset kerran, ja jokainen kuva käsitellään samoilla asetuksilla ennen kuin lataat yhden ZIP-tiedoston. Joukkokäsittely on Premium-ominaisuus; lähtö käyttää samaa laatua ja asetuksia kuin yksitila.

features

Kyllä – joukkokäsittelyssä määrität asetukset kerran, ja ne koskevat kaikkia erän kohteita – jopa 60 kuvaa Premiumissa tai 200 Prossa. Kohdekohtaista asetusta ei tarvitse toistaa, ja väliaikaisesti ladatut ja luodut tiedostot käsitellään turvallisesti ja poistetaan automaattisesti.

usage

Miten Kuvasta HTML:ksi auttaa sinua saamaan sen tehtyä

Todelliset ongelmat, jotka se ratkaisee joka päivä — yrityksille, tekijöille ja arkisiin tehtäviin. Löydä sinulle sopiva käyttötapa ja aloita sekunneissa.

Tekijöille

Verkkosivu suunnittelijan mallikuvista

Muunna suunnittelijan toimittamat kuvakaappaukset aloitusvalmiiksi HTML:ksi aitojen <table>-elementtien ja semanttisen merkkauksen kanssa, jonka voit luovuttaa kehittäjälle tai käyttää suoraan CMS:ssä.

Yrityksille

CMS-siirto vanhoista PDF-tiedostoista

Siirrä hinnastotaulukot, usein kysytyt kysymykset ja ominaisuusvertailut vanhoista PDF-esitteistä nykyaikaiselle WordPress-, Webflow- tai Shopify-sivulle yhdellä liittämisellä.

Yrityksille

Sähköpostiuutiskirjeiden taulukot

Rakenna pikselintarkkoja, sähköpostiturvallisia HTML-taulukoita suunnittelijan kuvakaappauksista Mailchimpiin, Klaviyoon ja HubSpot Emailiin — ilman <table>-merkinnän kirjoittamista käsin.

Yrityksille

SaaS-laskeutumissivun hinnoittelutaulukot

Muunna hinnoittelusivun luonnokset responsiivisiksi HTML-hinnoittelutaulukoiksi SaaS-laskeutumissivullesi, valmiina pudotettaviksi jo käyttämääsi markkinointisivuston kehykseen.

Yrityksille

Affiliate-blogien vertailutaulukot

Affiliate-markkinoijat muuntavat tuotevertailujen kuvakaappaukset semanttisiksi HTML-taulukoiksi arvostelujulkaisuihin, jotta hakukoneet ja lukijat voivat silmäillä tiedot välittömästi.

Yrityksille

Konferenssin aikataulusivut

Muunna painetut konferenssiohjelmat HTML-aikataulusivuiksi aidolla <table>-merkkauksella, joka skaalautuu mobiililaitteille ja integroituu tapahtumasivustoosi.

Tekijöille

Reseptisivustot ainesosataulukoineen

Ruokabloggaajat muuntavat painetut reseptisivut siistiksi HTML:ksi, jossa on jäsennellyt ainesosataulukot ja vaiheittaiset ohjeet valmiina WordPressiin tai Ghostiin.

Yrityksille

API-dokumentaation taulukot

Developer relations -tiimit muuntavat API-viittausten kuvakaappaukset sisäisistä PDF-tiedostoista HTML-taulukoiksi julkisille dokumentaatiosivustoille, jotka on rakennettu GitBookin, Mintlifyn tai Docusauruksen päälle.

Oikeudelliset tiedot

Vaatimustenmukaisuus- ja tiedonantotaulukot verkkosivustoille

Muunna skannattu ehtolomake, maksutaulukko tai lakisääteinen tiedonantotaulukko semanttiseksi HTML:ksi, jonka voit julkaista vaatimustenmukaisuussivulla — saavutettava merkintä, jonka sekä ruudunlukijat että tarkastajat pystyvät jäsentämään.

Kiinteistöt

Kiinteistön tekniset tiedot ilmoitussivuja varten

Muuta kuvatun kiinteistöesitteen tekninen taulukko — huoneiden mitat, mukavuudet, taloyhtiömaksut — HTML-taulukoksi, joka on valmis upotettavaksi kiinteistölistaussivulle tai MLS-jakelusyötteeseen.

Ura ja HR

Palkka- ja työvertailutaulukot

Muunna kuvakaappauksena otettu palkkatutkimus tai etuuksien vertailukaavio siistiksi HTML:ksi urasivulle tai työpaikkailmoitukseen, jotta hakijat voivat todella lukea numerot mobiililaitteella.

Verkkokaupalle

Tuotteen tekniset tiedot verkkokauppailmoituksia varten

Muunna skannattu tuotetietotaulukko — kokotaulukot, tekniset tiedot, materiaali- tai ainesosaerittelyt — semanttiseksi HTML:ksi, jonka voit liittää suoraan Shopify-, WooCommerce- tai BigCommerce-tuotekuvaukseen, antaen ostajille todellisen vieritettävän taulukon epäselvän upotetun kuvan sijaan.