Ottimizzazione delle immagini per il formato GIF o PNG-8

Ultimo aggiornamento il 17 mag 2022

Il formato GIF

Il formato GIF utilizza colori a 8 bit e comprime in modo efficace le aree a tinta unita preservando i dettagli nitidi come quelli delle illustrazioni, dei loghi o dei caratteri tipografici.Puoi utilizzare anche il formato GIF per creare un'immagine animata e preservare la trasparenza di un'immagine. La maggior parte dei browser supporta il formato GIF.

Il formato GIF utilizza la compressione LZW, che è un metodo di compressione senza perdita di dati. Tuttavia, poiché i file GIF sono limitati a 256 colori, l'ottimizzazione di un'immagine originale a 24 bit come GIF a 8 bit può rimuovere colori dall'immagine.

Immagine GIF con colore selettivo (a sinistra) e immagine GIF con colori web (a destra)

Puoi scegliere il numero di colori in un'immagine GIF e controllare come i colori vengono sottoposti a dithering in un browser. Il formato GIF supporta la trasparenza dello sfondo o l'alone dello sfondo, mediante cui fondi i bordi dell'immagine con un colore di sfondo di una pagina web.

Il formato PNG-8

Il formato PNG‑8 utilizza colori a 8 bit. Come il formato GIF, PNG‑8 comprime in modo efficace le aree a tinta unita preservando i dettagli nitidi come quelli delle illustrazioni, dei loghi o dei caratteri tipografici.

Poiché PNG‑8 non è supportato da tutti i browser, potresti voler evitare questo formato quando distribuisci l'immagine a un vasto pubblico.

Il formato PNG‑8 utilizza schemi di compressione più avanzati rispetto al formato GIF e un file PNG‑8 può essere del 10-30% più piccolo di un file GIF della stessa immagine, a seconda dei motivi cromatici dell'immagine. Benché la compressione PNG‑8 sia senza perdita di dati, l'ottimizzazione di un'immagine originale a 24 bit come file PNG a 8 bit può sottrarre colori dall'immagine.

Nota

Con certe immagini, specialmente quelle con motivi semplici e pochi colori, la compressione GIF può creare un file più piccolo rispetto alla compressione PNG‑8. Visualizza le immagini ottimizzate in formato GIF e PNG‑8 per confrontare le dimensioni dei file.

Come per il formato GIF, puoi scegliere il numero di colori in un'immagine e controllare come i colori vengono sottoposti a dithering in un browser. Il formato PNG‑8 supporta la trasparenza dello sfondo e l'alone dello sfondo, mediante cui fondi i bordi dell'immagine con un colore di sfondo di una pagina web.

PNG‑8 con 256 colori e senza dithering (a sinistra) e PNG‑8 con 16 colori e dithering (a destra)

Ottimizzare le immagini in formato GIF o PNG-8

Il formato GIF è il formato normale per comprimere immagini con ampie aree a tinta unita e dettagli nitidi come quelli delle illustrazioni, dei loghi o dei caratteri tipografici. Come il formato GIF, PNG‑8 supporta la trasparenza e comprime in modo efficace le aree a tinta unita preservando i dettagli nitidi; tuttavia, non tutti i browser web possono visualizzare i file PNG‑8.

Apri un'immagine e scegli File > Salva per Web.
Scegliete GIF o PNG-8 dal menu del formato di ottimizzazione.
Per visualizzare un'immagine a bassa risoluzione mentre l'immagine a risoluzione piena viene scaricata, seleziona Interlacciato. L'interlacciamento può far sembrare più breve il tempo di scaricamento e fornisce ai visualizzatori un feedback che indica che il download è in corso.
Nel menu del formato di ottimizzazione, scegli un algoritmo di riduzione del colore per generare la tabella colori:

Percettiva

Crea una tavola dei colori personalizzata dando priorità ai colori per i quali l'occhio umano ha una maggiore sensibilità.

Selettiva

Crea una tavola dei colori simile alla tavola dei colori Percettiva, ma favorendo ampie aree di colore e la conservazione dei colori web.Questa tavola dei colori produce solitamente immagini con la maggiore integrità cromatica. Selettiva è l’opzione predefinita.

Adattata

Crea una tavola dei colori personalizzata campionando i colori dallo spettro che appare più comunemente nell'immagine. Ad esempio, un'immagine con solo tonalità di verde e blu produce una tavola dei colori composta principalmente da verdi e blu. La maggior parte delle immagini concentra i colori in aree particolari dello spettro.

Restrittiva (per Web)

Utilizza la tavola dei colori web standard a 216 colori, compatibile con i pannelli a 8 bit (256 colori) di Windows e Mac OS. Questa opzione garantisce che non venga applicato alcun dithering del browser ai colori quando l'immagine viene visualizzata utilizzando colori a 8 bit. Se l'immagine ha meno di 216 colori, i colori inutilizzati vengono rimossi dalla tavola.

Per specificare il numero massimo di colori nel pannello dei colori, seleziona un numero dal menu Colori, inserisci un valore nella casella di testo o fai clic sulle frecce per modificare il numero di colori.Se l'immagine contiene meno colori del pannello, la tavola dei colori riflette il numero inferiore di colori nell'immagine.
Se hai scelto Restrittiva (Web) per l'algoritmo di riduzione dei colori, puoi scegliere Automatico dal menu Colori.Scegli Automatico se vuoi che Photoshop Elements determini il numero ottimale di colori nella tavola dei colori in base alla frequenza dei colori nell'immagine.
Scegli una percentuale di dithering inserendo una percentuale nella casella di testo Dither o facendo clic sulla freccia del menu Dither e trascinando il dispositivo di scorrimento che appare.
Se l'immagine contiene trasparenza, seleziona Trasparenza per conservare i pixel trasparenti; deseleziona Trasparenza per riempire i pixel completamente e parzialmente trasparenti con il colore di sfondo.
Per creare un’immagine GIF con animazione, selezionate Animazione.
Per salvare l’immagine ottimizzata, fate clic su OK. Nella finestra di dialogo Salva ottimizzato come, digita un nome file e fai clic su Salva.

Creare un’immagine GIF con animazione

Posiziona le immagini che vuoi far apparire in ogni fotogramma dell'animazione su livelli separati del pannello Livelli.Ad esempio, per creare un'animazione di un occhio che sbatte, posizioneresti un'immagine dell'occhio aperto su un livello e un'immagine dell'occhio chiuso su un altro livello.
Scegliete File > Salva per Web.
Nota

Se l'immagine ha più livelli, puoi anche aprire la finestra di dialogo Salva per Web dalla finestra di dialogo Salva con nome scegliendo Formato GIF CompuServe e selezionando Livelli come fotogrammi.

Ottimizzate l’immagine nel formato GIF.
Selezionate Animazione.
Imposta opzioni aggiuntive nella sezione Animazione della finestra di dialogo:

Opzioni di ciclo continuo

Ripeti continuamente l'animazione in un browser web o eseguila solo una volta.Puoi anche scegliere Altro per specificare il numero di volte che l'animazione deve ripetersi.

Ritardo fotogramma

Specifica il numero di secondi per cui ogni fotogramma viene visualizzato in un browser web. Usa un valore decimale per specificare frazioni di secondo. Ad esempio, digitate 0,5 per specificare mezzo secondo.