Un documento di partenza realistico, seguito dallo stato effettivo del documento o dal file prodotto da «Da immagine a HTML».
Dopo
Prima
Da immagine a HTML

Convertitore da immagine a HTML: converti JPG o PNG in HTML

Ricostruire manualmente uno screenshot in formato HTML è una mattina passata. Converti l'immagine in HTML: immagine incorporata, contenuto semantico o livello di testo ricercabile.

  • Evita di riscrivere manualmente uno screenshot nel markup
  • Ottieni HTML semantico, un'immagine incorporata o un livello di testo ricercabile
  • Una scelta chiara in anticipo: nessuna impostazione che non ti serve

JPG, PNG, WEBP e altro ancora

Cosa deve fare l'HTML con la tua immagine?

Carica immagine

Trascina un'immagine — ottieni una pagina HTML portatile con l'immagine all'interno.

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

Cosa puoi fare con Da immagine a HTML

Esamina le funzionalità principali prima di iniziare.

  • Inserisci un'immagine in un unico archivio HTML portatile senza OCR
  • Estrai paragrafi di testo e tabelle supportate come HTML semantico
  • Mantieni i pixel dello screenshot e aggiungi un livello di testo posizionato e ricercabile
  • Scegli il motore OCR e la lingua solo quando serve il riconoscimento
  • Rivedi e modifica il markup generato prima di copiarlo o scaricarlo

Riferimento alle impostazioni

Controlli disponibili per Da immagine a HTML.

Modalità di elaborazionePreimpostazioni
Elabora un singolo elemento oppure passa alla modalità batch di Premium per applicare le stesse impostazioni a più elementi. I tipi di input disponibili dipendono dallo strumento.Opzioni: File singoloIn blocco

Modalità

Cosa deve fare l'HTML con la tua immagine?Preimpostazioni
Crea una pagina img portatile senza OCR, un markup semantico modificabile dall'OCR oppure una versione beta con impaginazione visiva che mantiene i pixel e sovrappone parole ricercabili.Opzioni: Mostra l'immagineEstrai il contenutoMantieni il layout visivo

Motore

MotoreMenu a discesa
Sceglie quale motore di riconoscimento del testo legge l'immagine in modalità contenuto o impaginazione visiva; Mostra l'immagine non esegue l'OCR.Opzioni: PredefinitoMotore 1Motore 2
LinguaMenu a discesa
Scegli la lingua principale del documento. Le opzioni disponibili dipendono dal motore di lettura selezionato; le lingue non supportate sono nascoste. La lingua predefinita è l’inglese. Controlla il testo estratto per individuare eventuali errori di riconoscimento.Opzioni: IngleseFranceseTedescoSpagnoloItalianoPortogheseOlandeseRussoGiapponeseCoreanoCinese (semplificato)Cinese (tradizionale)AraboHindiBengalesePunjabiUrduVietnamitaThailandesePolaccoSvedeseDaneseNorvegeseFinlandeseTurcoUcrainoIndonesianoTamilTeluguMarathiNepalesePersianoGrecoEbraico
Esegui di nuovo l'estrazioneCon un clic
Esegue di nuovo l'estrazione sullo stesso file con le scelte correnti di Motore e Lingua — comodo per riprovare dopo un tentativo debole o non riuscito.
Uso gratuito · Nessuna registrazione richiesta · Senza filigranaI caricamenti sono crittografati durante il transitoRimosso in base ai nostri criteri di conservazione

Domande frequenti

Scegli Estrai il contenuto. L'OCR rileva la struttura delle tabelle supportata e produce elementi di tabella semantici dove riconosciuti. Il rilevamento, l'ordine di lettura e la semantica delle intestazioni possono essere imperfetti, quindi controlla e correggi il markup modificabile prima di affidartici per l'accessibilità o la pubblicazione.

features

L'HTML scaricato o copiato può essere inserito in un blocco HTML personalizzato. Mostra l'immagine crea una pagina immagine autonoma; Estrai il contenuto crea markup semantico modificabile. Controlla l'output OCR e usa il CSS e le regole di sicurezza del tuo sito prima di pubblicare.

usage

Lo strumento genera un documento HTML, ma l'OCR può produrre contenuti o strutture che richiedono correzioni. Controlla la sorgente modificabile, esegui i tuoi controlli di validazione e accessibilità e non considerare mai la conversione automatica come garanzia che una pagina soddisfi ogni requisito HTML o WCAG.

technical

Non ci sono opzioni per Bootstrap, Tailwind o per la conservazione dello stile. La modalità semantica fornisce una struttura modificabile per il tuo CSS. La beta del layout visivo mantiene i pixel dello screenshot con testo posizionato e ricercabile: non ricrea i controlli nativi né un design system riutilizzabile.

technical

Puoi estrarre il contenuto supportato per materiale che sei autorizzato a usare, oppure conservare uno screenshot in forma visiva con testo ricercabile. Il convertitore non ricrea un sito raffigurato come HTML, CSS e JavaScript funzionanti, e resti tu il responsabile del permesso di riutilizzarne il contenuto.

usage

I caricamenti vengono rimossi in conformità alla nostra Informativa sulla sicurezza, salvo che tu condivida espressamente un risultato: in tal caso rimane disponibile fino a 30 giorni tramite un link pubblico apribile da chiunque ne sia in possesso. Non vengono mai usati per addestrare modelli e l’output HTML non contiene filigrana, attribuzione o pixel di tracciamento. Il markup viene ricostruito dalla tua immagine. Conservi i diritti che detieni sui file caricati e sui tuoi contributi originali ai risultati; Pixoate non ne rivendica la proprietà. Agenzie, freelance e team interni lo usano per realizzare landing page, tabelle comparative e documentazione.

privacy

Sì. Scegli Mostra l'immagine per una pagina portabile con un tag img, Estrai il suo contenuto per un markup semantico creato con l'OCR, oppure Mantieni il layout visivo per i pixel originali più parole posizionate e ricercabili. Controlla l'output dell'OCR; nessuna delle modalità trasforma i controlli raffigurati in un'applicazione funzionante.

usage

Mostra l'immagine crea una singola pagina HTML portabile con l'immagine in un tag img responsive e non esegue l'OCR. Estrai il contenuto legge testo, titoli, elenchi e tabelle supportati trasformandoli in markup semantico modificabile. Mantieni il layout visivo conserva i pixel dello screenshot e aggiunge parole OCR posizionate e ricercabili: non ricostruisce i controlli raffigurati come componenti HTML funzionanti.

usage

Scegli prima Estrai il contenuto o Mantieni l'impaginazione visiva; Mostra l'immagine non usa l'OCR e quindi non ha alcuna impostazione del motore. In una modalità OCR, scegli Predefinito, Motore 1 o Motore 2, poi esegui di nuovo la conversione con lo stesso file caricato.

features

Sì. Usa il selettore di lingua nelle Impostazioni per abbinare lo script del tuo screenshot — questo conta per testo di interfaccia non in inglese, caratteri accentati e pagine di documentazione in più lingue. Il menu a discesa elenca solo le lingue supportate dal motore attualmente selezionato, quindi si aggiorna automaticamente se cambi motore.

usage

Sì — la vista di output mostra un'area di testo modificabile con l'HTML grezzo da un lato e un'anteprima renderizzata dal vivo dall'altro, che si aggiorna mentre digiti. Correggi una cella letta male, ritocca un tag, o aggiungi una classe, e l'anteprima riflette istantaneamente la tua modifica prima che tu copi o scarichi il file .html.

features

Usa Engine 2 per font UI stilizzati o con antialiasing, imposta il selettore Lingua in base al testo dello screenshot, poi controlla il riquadro di anteprima in tempo reale: se una riga o una colonna sembra ancora unita, modifica direttamente l'HTML nella textarea prima di scaricare.

tips

Sì: Pixoate supporta l'elaborazione batch e in blocco. Passa alla modalità Batch, aggiungi fino a 60 immagini su Premium o 200 su Pro, imposta le opzioni una volta e ogni immagine verrà elaborata con le stesse impostazioni prima di scaricare un singolo ZIP. L'elaborazione in blocco è una funzionalità Premium; l'output utilizza la stessa qualità e le stesse impostazioni della modalità singola.

features

Sì, con l'elaborazione in blocco configuri le impostazioni una sola volta e queste si applicano a ogni elemento del batch: fino a 60 immagini su Premium o 200 su Pro. Non è necessario ripetere la configurazione per elemento e i file temporanei caricati e generati vengono elaborati in modo sicuro ed eliminati automaticamente.

usage

Quasi sempre la causa è una di queste tre. Il file supera il limite di caricamento gratuito di 11 MB: Premium accetta 50 MB e Pro 120 MB. Oppure il formato non è supportato dallo strumento: controlla l'elenco nel pannello di caricamento. Infine, il formato reale potrebbe non corrispondere al nome del file: rinominarlo non ne cambia il contenuto, ed è per questo che una scansione o una foto apparentemente valida può essere rifiutata.

troubleshooting

La precisione tiene traccia dell'immagine sorgente più di qualsiasi impostazione. Scatta o esegui la scansione direttamente anziché da un'angolazione, ottieni una luce uniforme senza ombre che cadono sulla pagina e riempi la cornice con il documento. Imposta la lingua prima di eseguirla: l'OCR che indovina l'alfabeto sbagliato è la causa abituale di output che sembrano senza senso. Leggi sempre il risultato prima di fare affidamento su di esso.

troubleshooting

No. Puoi eseguire Image to HTML e scaricare il risultato gratuito senza un account e non contiene filigrana. Premium è ciò che acquisti quando i limiti iniziano a farsi sentire: fino a 60 file in un batch, caricamenti più grandi, nessun limite giornaliero e il risultato con la risoluzione originale. Durante la fase di download non viene rivelato nulla che non fosse visibile prima di iniziare.

pricing

No: Da immagine a HTML funziona nel browser su computer e telefono. Non devi installare nulla, avviare una prova o acquistare una licenza prima di verificare se fa ciò che ti serve. Provalo sul file con cui sei davvero bloccato, invece che su un esempio.

troubleshooting

Come Da immagine a HTML ti aiuta a portare a termine il lavoro

Problemi reali che risolve ogni giorno: per aziende, creatori e attività quotidiane. Trova il caso d'uso adatto a te e inizia.

Per i creativi

Pagina web a partire dai mockup del designer

Converti gli screenshot forniti dai designer in HTML di partenza con veri elementi <table> e markup semantico che puoi passare a uno sviluppatore o usare direttamente in un CMS.

Per le aziende

Migrazione al CMS da vecchi PDF

Sposta tabelle dei prezzi, sezioni FAQ e confronti tra funzionalità dalle vecchie brochure PDF in una moderna pagina WordPress, Webflow o Shopify con un solo incolla.

Per le aziende

Tabelle per newsletter via email

Crea tabelle HTML compatibili con le email e fedeli al pixel a partire da screenshot dei designer per Mailchimp, Klaviyo e HubSpot Email, senza scrivere a mano il markup <table>.

Per le aziende

Tabelle dei prezzi per landing page SaaS

Converti i mockup delle pagine dei prezzi in tabelle prezzi HTML responsive per la landing page del tuo SaaS, pronte da inserire nel framework del sito di marketing che già utilizzi.

Per le aziende

Tabelle di confronto per blog di affiliazione

Gli affiliate marketer convertono gli screenshot di confronto prodotti in tabelle HTML semantiche per i post di recensioni, così motori di ricerca e lettori possono consultare i dati all'istante.

Per le aziende

Pagine del programma delle conferenze

Converti i programmi delle conferenze stampati in pagine HTML con il calendario, dotate di markup <table> reale che si adatta ai dispositivi mobili e si integra con il sito web del tuo evento.

Per i creativi

Siti di ricette con tabelle degli ingredienti

I food blogger convertono pagine di ricette stampate in HTML pulito con tabelle di ingredienti strutturate e istruzioni passo passo pronte per WordPress o Ghost.

Per le aziende

Tabelle della documentazione API

I team di developer relations convertono gli screenshot dei riferimenti API da PDF interni in tabelle HTML per siti di documentazione pubblica realizzati con GitBook, Mintlify o Docusaurus.

Legale

Tabelle di Compliance e Disclosure per Siti Web

Converti un foglio di termini, una tabella tariffaria o una tabella di disclosure normativa scansionati in HTML semantico da pubblicare su una pagina di compliance — un markup accessibile che screen reader e revisori possono entrambi interpretare.

Immobiliare

Schede tecniche degli immobili per le pagine degli annunci

Trasforma la tabella delle specifiche di una brochure immobiliare fotografata — dimensioni delle stanze, servizi, spese condominiali — in una tabella HTML pronta da incorporare in una pagina di annuncio immobiliare o in un feed di distribuzione MLS.

Carriera e risorse umane

Tabelle di confronto tra stipendi e lavori

Converti uno screenshot di un'indagine salariale o di un confronto benefit in HTML pulito per una pagina carriere o un annuncio su un job board, così i candidati possono leggere davvero i numeri da mobile.

Per l'e-commerce

Schede tecniche di prodotto per annunci e-commerce

Converti una tabella di specifiche prodotto scansionata — tabelle taglie, specifiche tecniche, composizione di materiali o ingredienti — in HTML semantico da incollare direttamente nella descrizione prodotto di Shopify, WooCommerce o BigCommerce, offrendo agli acquirenti una vera tabella scorrevole invece di una foto incorporata sfocata.

Guarda ogni trasformazione applicarsi

Ogni foto attraversa la barra senza modifiche e ne esce dall'altro lato già completata.