Convertitore online gratuito da HTML a JPG

Un JPG è necessario quando una pagina web deve essere caricata in un sistema che accetta solo immagini, inserita in un documento, condivisa come rappresentazione visiva fissa o archiviata senza markup modificabile. La conversione esegue il rendering dell'HTML visibile della pagina, del CSS, delle immagini e dei contenuti generati dagli script come un'unica immagine raster.

Che cos'è il formato HTML

HTML (HyperText Markup Language) struttura le pagine web con intestazioni, paragrafi, link, tabelle, moduli e contenuti multimediali incorporati. Browser come Chrome, Edge, Firefox e Safari eseguono il rendering dell'HTML insieme a CSS e JavaScript; gli editor di codice, i software per la creazione di siti web e i sistemi di gestione dei contenuti creano e salvano file .html e .htm.

Un file HTML non è un'immagine. Il suo aspetto dipende dal motore del browser, dalle dimensioni del viewport, dai font disponibili, dai fogli di stile collegati, dagli script e dai file immagine referenziati. Una pagina salvata può quindi richiedere la relativa cartella delle risorse oppure una versione autonoma con CSS e immagini incorporati.

Che cos'è il formato JPG

JPG, chiamato anche JPEG, è un formato di immagine raster appiattita che utilizza la compressione con perdita. È supportato da browser, telefoni, applicazioni per l'ufficio, editor di immagini, piattaforme social e sistemi di caricamento che non accettano HTML.

JPG è efficace per le pagine sottoposte a rendering che contengono fotografie, gradienti e altri contenuti a tono continuo. Di solito crea un file più piccolo rispetto a uno screenshot non compresso, ma non conserva la struttura HTML, i collegamenti ipertestuali, il testo selezionabile, i moduli, le animazioni o il comportamento interattivo. JPEG non supporta la trasparenza; le aree trasparenti richiedono uno sfondo uniforme.

Convertire con il convertitore integrato

1. Apri il convertitore da HTML a JPG su 101convert.com. La conversione può essere eseguita gratuitamente senza installare software.
2. Seleziona o trascina il file .html o .htm.
3. Se la pagina utilizza link relativi a CSS, immagini, font o script, conserva i file delle risorse necessari. Carica un file ZIP solo se il convertitore accetta siti web impacchettati; altrimenti crea un file HTML autonomo o utilizza un metodo di rendering locale.
4. Scegli JPG come formato di output e avvia la conversione.
5. Apri l'immagine scaricata e controlla la larghezza della pagina, l'altezza completa, i font, le immagini e l'andata a capo del testo. Esegui nuovamente la conversione dopo aver modificato il viewport o le risorse di origine se il risultato è incompleto.

Convertire localmente con wkhtmltoimage

wkhtmltoimage è un renderer da riga di comando per i file HTML locali. Una conversione di base è:

wkhtmltoimage --format jpg --quality 90 input.html output.jpg

Utilizza un percorso di file assoluto o un URL file:// quando le risorse relative non vengono trovate. L'impostazione --quality normalmente accetta valori da 0 a 100; i valori più elevati riducono gli artefatti JPEG aumentando però le dimensioni del file. Questo renderer può differire da un browser aggiornato per quanto riguarda i CSS moderni, i font web esterni, le pagine che fanno ampio uso di JavaScript e le pagine che limitano l'accesso ai file locali.

Per un risultato fedele al browser, apri la pagina in Chrome o in un altro browser aggiornato con il viewport richiesto e acquisisci la pagina sottoposta a rendering con lo strumento per gli screenshot degli strumenti per sviluppatori. L'acquisizione dell'intera pagina da parte del browser produce comunemente un PNG; converti quel PNG in JPG in un editor di immagini quando è richiesto un file JPG.

Limiti di qualità e compatibilità

• Imposta il viewport desiderato prima del rendering. Un viewport stretto può attivare i CSS per dispositivi mobili, mentre un viewport più ampio può modificare l'andata a capo delle righe e l'altezza della pagina.
• Le pagine lunghe possono produrre JPG estremamente alti. Se la destinazione limita le dimensioni delle immagini, esegui il rendering di sezioni separate o utilizza PDF per i contenuti multipagina.
• Il testo di piccole dimensioni, le linee sottili, i diagrammi e gli elementi grafici a colori uniformi possono mostrare artefatti di compressione. Utilizza un'impostazione della qualità intorno a 90–95 oppure usa PNG quando i bordi nitidi sono più importanti delle dimensioni del file.
• Le pagine che caricano risorse da Internet possono essere sottoposte a rendering in modo incompleto senza accesso alla rete. Le risorse locali non funzionano quando manca la struttura delle directory relative o i relativi percorsi non sono validi.
• I contenuti generati da JavaScript devono aver terminato il caricamento prima dell'acquisizione. I banner dei cookie, le animazioni, le immagini caricate in modo differito e i componenti responsive possono modificare l'output tra un'esecuzione e l'altra.
• Il risultato registra l'aspetto anziché la semantica del documento. Un JPG normalmente non contiene testo ricercabile o selezionabile e non può essere modificato come HTML.