pevere web css design accessibilità e usabilità 

I Formati delle immagini per il web e le loro caratteristiche

Immagini GIF

E’ un formato usato da più di 20 anni ed è senza perdita di dettaglio. Supporta una profondità di colori fino a 256 equivalente a 8 bit e la trasparenza a 1 bit ovvero, completamente trasparente o completamente opaco. Il formato è ottimo per l’uso su aree a basso numero di colori, per il testo ecc.

Per ottimizzare una immagine gif, è consigliabile partire dall’impostazione più restrittiva, ovvero con meno colori e successivamente aumentarne il numero fino a trovare un giusto compromesso tra peso dell’immagine e colori utilizzati. Chiaramente se non si ottiene un buon risultato anche con 256 livelli, diventa auspicabile passare al formato jpeg. Un parametro opzionale al momento del salvataggio del file è il dithering. Il dithering aggiunge dei punti di colore per simulare ulteriori tonalità quando l’immagine ha pochi colori con l’effetto però di aumentare il peso del file.

Usando photoshop è possibile impostare anche un parametro di perdita di qualità. Spesso con una minima perdita si possono ottenere riduzioni di peso sull’ordine del 20/30%.

Immagini JPEG

Diversamente dalle gif, possono arrivare a 24 bit di profondità con una gamma di 16 milioni di colori. E’ adatto l’uso per le fotografie, le illustrazioni e immagini con dettagli molto nitidi. Il formato jpeg è un formato compresso che permetto di modulare la compressione in base. Chiaramente, maggiore è la compressione, peggiore è il risultato in termini di qualità dell’immagine.

Immagini PNG

Sono da molti punti di vista simili alle gif, ovvero salvano senza perdita di dettaglio e in più hanno due livelli di profondità, a 8 e 24 bit. Come contro c’è il fatto che le immagini salvate a 24 bit generalmente sono troppo pesanti per il web e a parità di risultato conviense quasi sempre salvarle in jpeg. Altro pro e contro delle png è il supporto del canale alfa e quindi della trasparenza fino a 8 bit, il che permetterebbe degli ottimi risultati. Uso il condizionale perché il contro deriva dal mancato supporto che IE ha di questa tecnologia. Ottimizzare in fase di salvataggio un file png è possibile solo se si usa l’impostazione a 8 bit. In tal caso le opzioni sono le medesime di un formato gif.

Aggiungi il Tuo Commento:





Inviando questa risposta dichiaro di aver letto ed approvato le condizioni di utilizzo di questo sito web.

(*) = campo obbligatorio.

Condizioni di Utilizzo

1 - Tutte le risposte inviate a questo sito saranno sottoposte a moderazione manuale da parte dell'amministratore al fine di evitare il fenomeno detto "SPAM".

2 - Tutti i dati inseriti nel modulo di risposta verranno pubblicati in questa pagina ad eccezione dell'e-mail. Tale informazione viene richiesta ed archiviata dagli amministratori al fine di scoraggiare un utilizzo non consono del blog.

3 - Non utilizzare le risposte per pubblicizzare il tuo sito web. Tale tentativo verrà cancellato dall'amministratore. In ogni caso ai link inseriti nelle risposte viene applicato il "nofollow" per cui non ti portano vantaggi.