Tipologia Immagini per il Web

Le tipologie di immagini supportate dal web sono sostanzialmente 3: JPG, GIF e PNG che a loro volta si possono suddividere in varie tipologie. Ho creato questo piccolo articolo al solo scopo di confrontarle fra di loro.

°°°JPG°°°
Le JPG supportano una grande gamma cromatica ed è particolarmente adatta per visualizzare fotografie o grafiche con molte variazioni cromatiche. Solitamente è più pesante delle altre tipologie di immagini e non supporta nè l'animazione nè la trasparenza. Come si può vedere qui a destra lo sfondo infatti non è trasparente ma bianco. Le JPG sono sempre dei rettangoli.

°°°GIF "normale"°°°
Le immagini GIF sono state create appositamente per il web e in linea generale sono meno pesanti delle jpg. Questa tipologia ha una minor scala cromatica rispetto alle jpg ma supporta la trasparenza. Ha infatti un solo bit per la trasparenza e per tanto non ha "gradazioni" di trasparente al contrario delle png24. Come si può vedere dall'immagine qui a sinistra il non avere gradazioni di trasparenza puà creare antiestetici aloni attorno all'immagine (non si ha con le png24 ma con le png8 si). Può inoltre supportare animazioni (vedi gif animate).

°°°GIF animata°°°
Le GIF animate, come si può vedere dall'esempio qui a sinistra, hanno la possibilità di supportare animazioni. Si possono creare con programmi appositi e non con i più classici programmi di grafica base. Supportano la trasparenza ma non ha gradazioni di trasparenza per tanto un pixel o è visibile o non lo è. Spesso le GIF animate vengono utilizzate per creare banner.

°°°PNG8°°°
Le PNG8 sono una tipologia di PNG. Supportano la trasparenza ma senza gradazioni come le gif. Come si può vedere dall'esempio qui a sinistra può quindi capitare che si venga a creare un antiestetico alone attorno all'immagine. Non supporta le animazioni.

°°°PNG24°°°
Le PNG24 sono una tipologia di PNG. Hanno a disposizione ben 24 byte per gestire la trasparenza e questo determina varie gradazioni di questo tipo. Come si può vedere dall'immagine qui a sinistra in questo modo l'immagine si fonde bene con lo sfondo e non vengono creati antiestetici aloni. Questo comporta però un maggior peso dell'immagine.

°°°PNG animate°°°
E' da poco tempo che sono in circolazione le PNG animate. Sono supportate solamente da alcuni browser (IE ancora le visualizza come immagini statiche) e non sono tanti gli elaboratori di immagini che permettono di realizzarle. E' per questi motivi che ancora non sono molto diffuse. La trasparenza è supportata ma ha solamente 1 grado di trasparenza. Non appare però l'alone bianco attorno all'immagine perché viene riempito con i colori dell'immagine stessa. Nell'esempio qui a sinistra potete infatti vedere che la parte rossa è molto più estesa. Se visualizzate un'immagine non animata state usando un browser che non la supporta. Se utilizzate Modzilla Firefox oppure Opera non dovreste avere questo problema.