Convertitore da HTML a GIF

Q: Come rendere la GIF abbastanza leggera per un'app di chat?

Usa una **Larghezza della pagina HTML** più stretta, oppure converti solo la prima pagina. Se il risultato supera ancora un limite, [comprimere una GIF per Discord](/compress-gif-for-discord) la riduce verso il limite di caricamento.

Il file HTML viene visualizzato con un motore di browser e salvato come GIF, per i contesti che richiedono ancora questo formato: firme email, vecchi forum, campi di CMS datati. Si sceglie la larghezza della finestra e se ottenere un'unica immagine lunga o una sequenza di fotogrammi grandi quanto la pagina.

oppure trascina qui File DOC, DOCX, DOCM … ·

Max 95 MB per file· Fino a 20 file· Eliminati dopo 30 minuti

Output

Converti in

Risoluzione

Immagini

I file vengono elaborati sui nostri server ed eliminati dopo 30 minuti.

Come usare questo strumento

1
Caricare il file HTML
Aggiungi file .html, .htm o .mhtml, fino a 20 per lotto e 95 MB ciascuno. Salvando la pagina come Pagina web, file singolo, immagini e stili restano inclusi.
2
Scegliere larghezza e layout
Larghezza della pagina HTML è 1280 px; usa 600 px per un modello di email. Immagini è una sola immagine lunga, cioè una GIF statica; impostala su una per pagina per ottenere fotogrammi a dimensione di pagina mostrati uno dopo l'altro.
3
Convertire in GIF
Premi Converti in GIF. Se la GIF deve stare su uno sfondo colorato, attiva Sfondo trasparente in Impostazioni avanzate.

Da HTML a GIF cattura l'aspetto di una pagina, non il suo movimento: il browser disegna la pagina alla larghezza scelta e il risultato è una GIF statica oppure una serie di fotogrammi a dimensione di pagina in un unico file.

Come funziona la conversione da HTML a GIF

Per prima cosa l'HTML viene impaginato come una qualsiasi pagina web, alla Larghezza della pagina HTML impostata, da 320 fino a 3840 px. Stili e immagini contenuti nel file vengono applicati; i font non raggiungibili sono sostituiti con altri simili. Poi la pagina resa viene catturata.

Con Immagini su una sola immagine lunga, l'intera pagina dall'intestazione al piè di pagina diventa un'unica GIF statica. Con una per pagina, viene tagliata in porzioni a dimensione di pagina che diventano i fotogrammi di una GIF che le mostra in ordine, utile per vedere in anteprima una newsletter lunga o una landing page a più sezioni senza scorrere.

Il formato stabilisce i limiti. CompuServe introdusse la GIF nel 1987 e la revisione GIF89a del 1989 aggiunse i ritardi tra i fotogrammi e un colore trasparente, ancora oggi supportati da ogni visualizzatore. Ogni fotogramma è limitato a una tavolozza di 256 colori, quindi il convertitore associa i colori della pagina alla migliore tavolozza possibile. Testo, icone, pulsanti e colori piatti del brand vengono resi in modo pulito; foto e ombre morbide perdono di più.

Limiti del GIF che contano per una pagina web

Colori per fotogramma: 256
Trasparenza per pixel, senza bordi sfumati: Sì/No
La pagina viene catturata, non registrata: Statica
File HTML per lotto, 95 MB ciascuno: 20

Convertire HTML in GIF: cosa aspettarsi

MitoUna GIF di una pagina mostra gli effetti al passaggio del mouse e le animazioni.

RealtàStati interattivi e movimento richiedono una persona o uno script che li attivi. La cattura mostra la pagina a riposo.

MitoLa GIF è il formato immagine più leggero per una pagina web.

RealtàPer pagine con foto, un JPG o WebP è di solito molto più leggero. La GIF vince solo con grafiche semplici e piatte.

MitoLa GIF preleva la pagina dal suo indirizzo web.

RealtàIl convertitore lavora sul file HTML che carichi. Salva prima la pagina dal browser, meglio se come singolo file MHTML.

MitoUsare più fotogrammi rende la GIF più nitida.

RealtàI fotogrammi aumentano durata e peso del file, non il dettaglio. La nitidezza dipende dalla larghezza della pagina e dalla tavolozza dei colori.

HTML

HyperText Markup Language

HTML è il linguaggio di markup del web, descritto per la prima volta da Tim Berners-Lee all'inizio degli anni 1990 e oggi gestito da WHATWG come standard in continua evoluzione. Un file HTML descrive titoli, paragrafi, link, tabelle, immagini e moduli, mentre lo stile deriva di solito dai CSS. Ogni browser lo visualizza, ed è usato anche per i modelli di email e le pagine web salvate. Un singolo file HTML spesso dipende da immagini e fogli di stile esterni, quindi può apparire danneggiato se spostato da solo.

Compressione: –
Trasparenza: –
Animazione: –
Introdotto: 1993 · Tim Berners-Lee; maintained by WHATWG

Convertitore HTML

GIF

Graphics Interchange Format

GIF è stato introdotto da CompuServe nel 1987 ed è ancora il formato più supportato per animazioni brevi in loop. È senza perdita ma limitato a una tavolozza di 256 colori per fotogramma, quindi foto e sfumature mostrano banding e dithering. Supporta solo la trasparenza attiva/disattiva (a 1 bit), che lascia bordi frastagliati sulle forme curve. Le GIF animate sono spesso molto più grandi della stessa clip in MP4 o WebP. Ogni browser, app di chat e piattaforma social riproduce le GIF.

Compressione: Senza perdita
Trasparenza: Sì
Animazione: Sì
Introdotto: 1987 · CompuServe

Convertitore GIF

Si sceglie la GIF per una pagina resa quando la destinazione accetta solo GIF, come una firma email o una piattaforma datata, oppure quando si vogliono più fotogrammi della pagina in un unico file che si riproduce senza un lettore video.

Domande frequenti su HTML in GIF

Si può trasformare un'animazione CSS in una GIF animata?

No. La pagina viene resa una sola volta e catturata, quindi transizioni CSS, animazioni keyframe, video ed effetti da script restano bloccati in quel momento. Per catturare il movimento, registra lo schermo mentre la pagina è in esecuzione e converti la registrazione con video in GIF.

Perché sfumature e foto appaiono sgranate nella GIF?

Ogni fotogramma GIF può usare al massimo 256 colori. Una pagina con sfumature morbide, ombre o foto ne ha migliaia, quindi vengono approssimati con il dithering, che appare come puntinatura o bande. Grafiche piatte e testo si mantengono bene; per pagine ricche di foto HTML in PNG conserva ogni colore.

Perché i bordi di una GIF trasparente appaiono seghettati?

La trasparenza GIF è attiva o disattiva per ogni pixel, senza opacità parziale. I bordi con anti-aliasing sfumati contro uno sfondo diventano un colore pieno oppure spariscono, e possono lasciare un alone chiaro sugli sfondi scuri. Mantieni lo sfondo bianco se la GIF sarà comunque su bianco.

Una firma email HTML salvata come GIF funziona in tutti i programmi di posta?

Una GIF statica viene mostrata in praticamente ogni client di posta, ed è per questo che le firme hanno usato il formato per anni. Le GIF animate sono meno affidabili: Outlook classico per Windows dal 2007 al 2013 mostra solo il primo fotogramma, quindi metti il contenuto importante nel primo.

Come rendere la GIF abbastanza leggera per un'app di chat?

Usa una Larghezza della pagina HTML più stretta, oppure converti solo la prima pagina. Se il risultato supera ancora un limite, comprimere una GIF per Discord la riduce verso il limite di caricamento.