Da HTML a immagine

Trasforma codice HTML grezzo o l'URL di una pagina web in un file PNG, JPG o PDF. Scegli la larghezza del viewport, cattura la pagina intera e scarica subito il risultato.

Ti serve invece un SVG? Prova lo strumento da HTML a SVG.

Trasforma le pagine web in immagini

Cattura screenshot perfetti al pixel di qualsiasi sito oppure trasforma un frammento di HTML in un'immagine condivisibile. Ottimo per documentazione, social card, mockup di design, archiviazione e segnalazioni di bug.

Quando conviene trasformare una pagina web in un'immagine

Uno screenshot conserva una pagina esattamente com'era in un preciso momento, e questo torna utile ben oltre la semplice condivisione. I team di assistenza allegano catture a pagina intera alle segnalazioni di bug, così gli sviluppatori vedono il layout rotto nel suo contesto. Chi scrive documentazione e tutorial può inserire frammenti già renderizzati senza ricostruire la pagina a mano. I marketer archiviano le landing page per le revisioni di design e i confronti prima/dopo, mentre i ricercatori salvano articoli che potrebbero cambiare o sparire. Poiché puoi impostare la larghezza del viewport, lo stesso URL può essere catturato con layout desktop, tablet o mobile semplicemente cambiando un numero.

PNG, JPG o PDF: quale scegliere?

Scegli PNG quando la pagina contiene testo nitido, elementi di interfaccia o colori piatti: è senza perdita di qualità, quindi i contorni restano definiti. Scegli JPG per le pagine ricche di foto, dove un file più leggero conta più della resa perfetta del testo. Scegli PDF quando vuoi un documento stampabile e scorrevole di un articolo lungo. In ogni caso la pagina viene renderizzata sui nostri server da un vero motore di browser headless, così CSS, web font e layout vengono catturati esattamente come li vedrebbe un visitatore.

Domande frequenti

Tutto quello che c'è da sapere sulla conversione da HTML a immagine.

Puoi catturare qualsiasi pagina web accessibile pubblicamente. Le pagine che richiedono un accesso, o gli indirizzi privati o interni, non possono essere renderizzati per motivi di sicurezza.

Esporta uno screenshot in PNG o JPG, oppure un PDF della pagina pronto per la stampa. Imposta la larghezza del viewport per controllare come viene renderizzato il layout.

Sì. Passa alla scheda “Da codice HTML” e incolla qualsiasi HTML — CSS inline compreso — per renderizzarlo esattamente come farebbe un browser.

L'impostazione della larghezza controlla la finestra del browser usata per il rendering. Usa 1280px per un tipico layout desktop, 1920px per il full HD oppure una larghezza ridotta come 390px per catturare la versione mobile di una pagina.

Con la pagina intera attiva, viene catturata tutta la lunghezza della pagina in un'unica immagine alta, non solo la parte visibile sullo schermo. Disattivala per catturare soltanto l'area iniziale del viewport.

Questo strumento renderizza la tua pagina o il tuo markup con un vero motore di browser e restituisce un'immagine raster o un PDF. Lo strumento da HTML a SVG, invece, racchiude il markup in un file vettoriale scalabile direttamente nel browser, senza rasterizzarlo.