IT

Convertire HTML in immagine

Con questo strumento puoi convertire HTML in immagine: incolla il codice, scegli una larghezza, clicca su «Crea immagine» e scarica un PNG, JPG o WebP. L’immagine nasce nel tuo browser: il codice non viene caricato, non viene salvato e non compare nell’indirizzo della pagina.

Fonte: W3C SVG 2 – foreignObject (HTML-Inhalt in SVG einbetten). Aggiornato al: .

px
Larghezza dell’immagine in pixel CSS (50–4.000)
px
0 = automatica in base al contenuto
px
Spazio tra il contenuto e il bordo dell’immagine
I miei strumentiI dati inseriti vengono salvati solo in questo browser.

HTML con stili inline o un blocco <style>. Immagini solo in Base64 (data:image/…), font solo quelli di sistema. Script e indirizzi esterni vengono rimossi.

Il tuo testo resta nel browser: non viene inviato, non viene salvato e non compare nell’indirizzo della pagina.

Risultato

Risultato
Immagine larga 600 px, risoluzione 2× → 1200 px

Come si calcola

Come l’HTML diventa un’immagine

Il browser disegna il codice HTML come una grafica: prima viene ripulito, poi renderizzato come SVG con HTML incorporato (foreignObject) e dipinto su un canvas che viene salvato come PNG, JPG o WebP. Funziona per card, citazioni, tabelle, estratti di fatture, blocchi per e-mail o anteprime per i social: tutto ciò che si può realizzare con HTML e CSS.

Che cosa è supportato

Che cosa non funziona

Gli script non vengono eseguiti, immagini, font e fogli di stile di altri indirizzi non vengono caricati, e animazioni, effetti hover, iframe, canvas e video non producono immagine. Queste parti vengono rimosse durante la pulizia; una nota sotto il risultato te lo indica. Il rendering può differire un po’ da una pagina vera, perché il browser disegna solo il tuo frammento.

Dimensioni, nitidezza e formato

Privacy e sicurezza

Il tuo codice viene elaborato solo nel browser e non viene salvato da nessuna parte. Script, attributi di evento come onclick e indirizzi esterni vengono rimossi prima di disegnare. Se vuoi invece scrivere su una foto esistente, usa scrivere su foto.

Domande frequenti

Come converto HTML in immagine?

Incolla il codice HTML, scegli larghezza e risoluzione e clicca su «Crea immagine». Poi scarica l’immagine come PNG, JPG o WebP.

Perché le mie immagini non compaiono?

Le immagini da altri indirizzi (https://…) non vengono caricate per sicurezza. Incorporale come indirizzo Base64 (data:image/…) o usa SVG inline.

Il mio codice viene caricato su un server?

No. Il codice viene letto nel browser e disegnato come immagine lì. Non viene inviato né salvato.

Come ottengo lo sfondo trasparente?

Scegli lo sfondo «Trasparente» e il formato PNG o WebP. Il JPG non supporta la trasparenza e ha sempre sfondo bianco.

Perché l’immagine è sfocata?

Imposta la risoluzione a 2× o 3×: l’immagine avrà il doppio o il triplo dei pixel con la stessa dimensione di visualizzazione.

Google Fonts funziona?

No, i web font caricati da internet non vengono scaricati. Usa font di sistema come Arial, Georgia o Verdana, oppure font installati sul tuo dispositivo.

Fonti e riferimenti normativi

Aggiornato al: · Principi editoriali

Strumenti correlati