Convertitore da HTML a immagine

Incolla un frammento HTML. Script, moduli, frame e gestori di eventi vengono rimossi prima del rendering.

Il tuo HTML e l'immagine generata restano in questo browser. Immagini, font o fogli di stile remoti vengono richiesti ai rispettivi indirizzi di origine. Usa dati incorporati per un rendering completamente offline.

Trasforma un frammento HTML e CSS in un PNG o JPG di dimensioni fisse senza caricare su Hyperion né il sorgente né l’immagine creata. Scegli un’area da 64 a 1.920 px per lato e una scala da 1x a 3x, quindi visualizza e scarica il risultato nel browser.

Come trasformare HTML in un'immagine

  1. 1

    Incolla il codice

    Inserisci un frammento o documento HTML. CSS inline e regole `<style>` sono supportati; script, moduli, frame e gestori di eventi vengono rimossi.

  2. 2

    Imposta l'area

    Scegli PNG o JPG, indica larghezza e altezza e seleziona una scala da 1x a 3x.

  3. 3

    Crea l'anteprima

    Il browser dispone il codice ripulito in un riquadro isolato di dimensioni fisse.

  4. 4

    Scarica in locale

    Salva direttamente il PNG o JPG. Il file generato non viene caricato su Hyperion.

Cosa supporta il renderer del browser

Il convertitore usa il motore di layout del browser, quindi HTML comune, CSS inline, regole <style>, Flexbox, Grid, gradienti, ombre, SVG incorporati e font installati possono apparire nel risultato. Crea un’immagine raster statica, non una copia interattiva della pagina.

Regole per area e output

Impostazione Intervallo ammesso Comportamento
Larghezza Da 64 a 1.920 px Larghezza CSS esatta del riquadro
Altezza Da 64 a 1.920 px Altezza CSS esatta; ciò che eccede viene tagliato
Scala Da 1x a 3x Aumenta la risoluzione senza cambiare il layout
PNG Immagine a dimensione fissa Mantiene le aree trasparenti
JPG Immagine a dimensione fissa Usa qualità 92% e sfondo bianco

L’output è limitato a 16 megapixel per proteggere la memoria del browser. Se dimensioni e scala superano il limite, lo strumento riduce la scala al massimo incremento sicuro di 0,5x. Il sorgente HTML può contenere fino a 100.000 caratteri.

Privacy e risorse remote

HTML e immagine dati generata restano nel browser corrente. Nella procedura guidata, le impostazioni sono conservate nella memoria di sessione della scheda fino al passaggio successivo; ricominciare le cancella. Lo strumento non invia codice o immagine a Hyperion.

Un URL esterno fa eccezione. Immagini, web font e fogli di stile remoti vengono richiesti ai rispettivi server, che possono vedere la richiesta. Possono anche non caricarsi per CORS o controlli di accesso. Incorpora immagini e font come URL dati e usa CSS inline per lavorare completamente offline.

Limiti di sicurezza e fedeltà

Prima della cattura vengono rimossi script, moduli, frame annidati, oggetti incorporati e attributi di evento. L’anteprima non è interattiva, ma questo non sostituisce un sanificatore HTML per contenuti da pubblicare altrove. I widget JavaScript non funzionano, lo stato di video e canvas non è garantito, le animazioni diventano un fotogramma e il CSS specifico di un browser può variare su altri motori.

Domande frequenti

Sì. Il renderer acquisisce le regole <style> e i collegamenti a fogli di stile compatibili dalla sezione head e cattura il contenuto del body. Script, metadati, moduli, frame e gestori attivi vengono rimossi, quindi il risultato non è una pagina navigabile.

Il server di origine può bloccare l’uso tra domini, richiedere autenticazione o rispondere troppo tardi. Usa un URL accessibile che consenta CORS oppure incorpora la risorsa come URL dati.

PNG conserva i pixel trasparenti. JPG usa sfondo bianco e qualità fissa al 92%, spesso più leggera per le fotografie. Lo strumento non esporta WebP e non offre un controllo qualità separato.

Il convertitore limita l’output a 16 megapixel. Con un’area grande sceglie automaticamente il massimo incremento sicuro di 0,5x per non esaurire la memoria del browser.

Strumenti correlati