La bassa GIF sta tornando semplicemente perché con l'uso crescente di smartphone e di larghezza di banda limitata gli utenti si aspettano tempi di caricamento quasi istantanei. Più piccole sono le tue immagini web, più veloce sarà il caricamento delle immagini e più felici saranno i tuoi visitatori. Inoltre, molti siti Web hanno restrizioni sulla dimensione dei banner pubblicitari.
Immagini GIF e il Web
Le immagini GIF non devono essere considerate come un'unica soluzione adatta a tutte le soluzioni. Le immagini GIF hanno un massimo di 256 colori, il che significa che puoi aspettarti un'immagine seria e un degrado del colore se non stai attento. Il formato file GIF, sotto molti aspetti, è un formato legacy che risale ai primi giorni del web. Prima dell'introduzione del formato GIF, le immagini Web erano in bianco e nero e compresse utilizzando il formato RLE. Sono apparsi per la prima volta sulla scena nel 1987, quando Compuserve ha rilasciato il formato come soluzione di imaging web. A quel tempo, il colore stava emergendo sul desktop e il web era accessibile tramite modem collegati alla linea telefonica. Ciò ha creato la necessità di un formato immagine che mantenesse le immagini abbastanza piccole da essere consegnate, attraverso una linea telefonica, a un browser web in breve tempo.
Le immagini GIF sono ideali per la grafica a spigoli vivi con una tavolozza di colori limitata, come un logo o un disegno a tratteggio. Sebbene possano essere usati per le fotografie, la tavolozza dei colori ridotta introdurrà artefatti nell'immagine. Tuttavia, il movimento Glitch Art e l'ascesa del cinemagraph hanno suscitato un rinnovato interesse nel formato GIF.
Come ridurre la dimensione del file GIF per migliorare le prestazioni del sito Web
Questi suggerimenti ti aiuteranno a rendere le tue GIF più piccole possibile.
-
Ritaglia lo spazio extra intorno all'immagine. Ridurre le dimensioni dei pixel dell'immagine è il singolo modo più efficace per ridurre le dimensioni del file. Se usi Photoshop, il comando Taglia funziona bene.
-
Quando prepari un'immagine gif, potresti voler ridurre le dimensioni dell'output.
-
Riduci il numero di colori nell'immagine.
-
Per le GIF animate, riduci il numero di fotogrammi nell'immagine.
-
Se si utilizza Photoshop CC 2017, è possibile creare un file GIF utilizzando la voce di menu Esporta come. Selezionare File > Esporta come … e quando si apre il menu, selezionare GIF come formato di file e ridurre le dimensioni fisiche (larghezza e altezza) dell'immagine.
-
Se si utilizza Adobe Photoshop Elements 14, selezionare File > Salva per il web. Si aprirà la finestra di dialogo Salva per Web che si trova anche in Adobe Photoshop CC 2017, File > Esportare > Salva per Web (legacy). Quando si apre è possibile applicare il dithering, ridurre il colore e le dimensioni fisiche dell'immagine.
-
Evita il dithering. Il dithering può far sembrare meglio alcune immagini, ma aumenterà le dimensioni del file. Se il software lo consente, utilizzare un livello inferiore di dithering per risparmiare byte extra.
-
Alcuni software hanno un'opzione "lossy" per il salvataggio delle GIF. Questa opzione può ridurre significativamente le dimensioni del file, ma riduce anche la qualità dell'immagine.
-
Non usare l'interlacciamento. L'interlacciamento di solito aumenta la dimensione del file.
-
Sia Photoshop che Photoshop Elements ti mostreranno il tempo di download. Non prestare attenzione ad esso. Si basa sull'uso di un modem 56k. Un numero più valido verrà visualizzato se selezioni un modem via cavo dal menu a discesa.
Suggerimenti
- Evita l'animazione inutile. Un'animazione eccessiva non solo aumenta il tempo di download della tua pagina web, ma molti utenti la trovano distrazione.
- Le immagini GIF con grandi blocchi di tinta unita e motivi orizzontali comprimono meglio delle immagini con sfumature di colore, ombre morbide e motivi verticali.
- Quando riduci i colori nelle GIF, otterrai la migliore compressione quando i colori dei numeri sono impostati sul più piccolo possibile di queste opzioni: 2, 4, 8, 16, 32, 64, 128 o 256.
