Converti HTML in Immagine

Un'istantanea di una pagina dal vivo, non un'estrazione del suo codice

Lo strumento Da HTML a Immagine di Pico Image non prende markup HTML o CSS che incolli e li trasforma in un'immagine — prende un URL, apre quell'indirizzo in un vero motore di rendering come farebbe un browser, attende che il layout della pagina, i font web e le immagini finiscano di caricarsi, e poi cattura esattamente ciò che è a schermo in quel momento. Nulla del codice sorgente viene conservato: non ci sono elementi selezionabili, non ci sono link, non c'è testo che puoi copiare in seguito, solo il risultato visivo finito. Scegliere JPG in Formato di Output rasterizza quel fotogramma catturato in una normale foto compressa, lo stesso tipo di file che produce la fotocamera di un telefono. Scegliere SVG avvolge invece la stessa identica cattura renderizzata in un contenitore vettoriale, utile quando il file deve entrare in uno strumento di design o scalare a una dimensione diversa senza un calo di qualità visibile, ma il contenuto dentro quell'SVG resta comunque la pagina così come renderizzata, non un insieme di forme vettoriali separate che potresti selezionare e modificare percorso per percorso. La risoluzione dell'immagine catturata segue il viewport di rendering piuttosto che il tuo schermo, quindi risulta coerente indipendentemente dal dispositivo o dalla dimensione finestra da cui stai catturando — un risultato ripetibile invece di dipendere da quale monitor era aperto in quel momento. Poiché l'intero processo dipende dal fatto che la pagina finisca davvero il suo rendering, esistono limiti reali. Una pagina che richiede di essere autenticati si carica come visitatore anonimo e mostra ciò che quel visitatore vedrebbe — di solito un modulo di accesso. Un articolo dietro paywall mostra il paywall. Un sito che si è configurato esplicitamente per resistere a essere incorporato o automatizzato, tramite intestazioni di risposta come X-Frame-Options o una policy frame-ancestors rigorosa, o tramite rilevamento di bot mirato ai browser headless, restituirà spesso un errore o un layout deliberatamente rotto invece del suo contenuto reale. La cattura riflette anche una singola larghezza di viewport e l'intera altezza di scorrimento della pagina, non più dimensioni schermo, e non simula lo scorrimento o i clic, quindi contenuti che compaiono solo dopo un'interazione dell'utente — una sezione espandibile, un'immagine a caricamento lento vicino al fondo, le slide successive di un carosello — possono mancare o essere mostrati nello stato in cui si trovavano quando il rendering è terminato.