Magazine Architettura e Design

Formati e risoluzione dei file nel web design

Da Iwebdesigner @Iwebdesigner_it

formati-e-risoluzione-dei-file-nel-web-design

Non importa quale programma di fotoricco utilizzate, in ogni caso l’elaborazione dell’immagini per il Web richiede la conoscenza di alcuni concetti di base relativi ai formati standard dei file e alla loro applicazione nei diversi ambiti. Adesso i formati dei file supportati dai browser sono tre: JPG, GIF e PNG. La scelta del formato da adottare dipende dal quale fornisce il file di dimensioni piu’ piccole a fronte della migliore immagine.

Analizziamo insieme i tre formati sopracitati.

JPG

A differenza dei formati PNG e GIF i JPG sono file di dimensioni abbastanza piccoli anche se il colore e’ a 24 bit. Questo formato e’ ideale per qualsiasi fotografia o per elementi grafici con texture pesanti o fumature estese. Anche se non ci sono limiti al numero di colori che si posssono visualizzare con i file JPG, questo formato predilige qualita’ elevata, altrimenti puo’ creare disturbi che dipendono da quanto si comprime l’immagine. Piu’ compressione diamo all’immagine JPG, maggiore e’ la sua velocita’ di caricamento, ma questo penalizza la qualita’ dell’immagine stessa.

GIF

E’ un formato a 8 bit che comprime i file in funzione del numero di colori inclusi nell’immagine. Il livello di compressione di una GIF e’ buono ma supporta al massimo 256 colori, il che lo rende inutile per pagine che contengono materiale fotografico.

PNG

Il formato PNG e’ stato sviluppato da W3C come alternativa al GIF. Il modello di compressione senza perdita di qualita’ dell’algoritmo PNG e’ simile a quello del formato GIF. Le immagini PNg possono essere memorizzate con un formato 8 bit o 24 bit. Entrambe queste opzioni supportano la trasparenza. La versione a 24 bit di un’immagine puo’ avere una dimensione maggiore del suo cugino a 8 bit, ma e’ la piu’ utilizzata in ambito Web.

Questi sono i formati delle immagini utilizzabili nel Web che ogni web designer che si rispetti dovrebbe conoscere e utilizzare ogni giorno.

Alla prossima!


Ritornare alla prima pagina di Logo Paperblog