Chiave 1 - Salta alla bacheca con avvisi vari oppure Chiave 2 - Salta al corpo della pagina

UNIVERSITÀ DEGLI STUDI DI BERGAMO

::: Univ. di Bergamo > Facoltà e didattica > Facoltà di Lettere e Filosofia > Marco Lazzari > Editoria multimediale 2003-04 > Nozioni di grafica

Ultimo aggiornamento: 21 maggio 2004

Salta al corpo della pagina
ALTRE PAGINE

Pagina a cura di Daniela Iovino
e Claudia Roffeni Tiraferri

Valid XHTML 1.0!

Nozioni di grafica

I formati grafici WEB: GIF, JPG e PNG

Tutti gli attuali browser possono visualizzare immagini codificate in due formati: Graphical Interchange Format (GIF) e Joint Photographic Expert Group (JPEG). Le ultimissime versioni supportano anche un nuovo formato, il Portable Network Graphics (PNG).
Naturalmente tutti e tre i formati fanno ricorso alla compressione per ridurre al massimo il loro peso e facilitare il loro download ma con caratteristiche diverse.
La prima differenza da fare è nel tipo di compressione. Ne esistono due: compressione con perdita e compressione senza perdita. Nel primo caso, si parla di compressione "Lossy", e questa modalità comporta una perdita della qualità dell'immagine (colori e/o dettagli). Nel secondo caso, la compressione sarà "Lossless", cioè senza alcuna perdita di qualità. (La compressione avviene tramite algoritmi matematici).
Il GIF e il PNG sono formati lossless, mentre il formato JPG è lossy, con perdita.

Gif

(si pronuncia "gif" o "ghif")

Il formato Gif consente di visualizzare un numero di colori pari a 256; a causa della sua ridotta tavolozza di colori, è usato per rappresentare disegni lineari in bianco e nero, immagini con pochi colori e senza eccessive sfumature (come le clipart). Con l'avvento del formato "Gif 89A" è possibile definire un colore dell'immagine come "trasparente"; questo vuol dire che è possibile creare immagini senza quel fastidioso rettangolo bianco di sfondo.

Le immagini GIF inoltre, sono dotate della funzione "Interlacciamento" che permette di visualizzare l'immagine gradualmente in un browser web fino al download completo. Inizialmente l'immagine avrà una scarsa qualità, che man mano verrà migliorata fino alla perfetta visualizzazione. Questa caratteristica consente di disporre di una veloce anteprima di quanto verrà visualizzato in seguito.


Colori supportati: 256 (immagine a 8 Bit)
Compressione: Si, compressione senza perdita di informazioni.

Utilizza il metodo LZW

Trasparenza: Si.
Animazione: Si.

Quando una serie di immagini viene salvata come singolo file con estensione .gif, le immagini vengono visualizzate in rapida sequenza in un browser web, fornendo l'aspetto di un'immagine in movimento. Un'immagine GIF animata cattura l'immediata attenzione nei confronti di un logo o di un oggetto selezionabile all'interno delle pagine Web. Per ridurre il tempo di download è necessario che la GIF animata contenga pochi frame.
In questo modo è possibile creare semplici animazioni senza che l'utente debba scaricare particolari plug-in.


immagine gif immagine gif animata
immagine gif immagine gif animata

Jpg

(si pronuncia "gei-peg")

Il formato jpg viene usato soprattutto per rappresentare fotografie o comunque immagini che hanno bisogno di una tavolozza di colore più ampia per essere rappresentate correttamente.
A differenza del formato GIF, il formato JPG non è limitato a 256 colori e può quindi essere utilizzato per la visualizzazione di fotografie di qualità elevata, di scansioni di immagini, di fotografie effettuate tramite una macchina fotografica digitale contenenti un numero indefinito di colori.
Dato che il formato JPEG è stato progettato come formato di memorizzazione di immagini, è in grado di comprimere in modo efficace fotografie di qualità elevata e di grandi dimensioni. Tuttavia maggiore è la riduzione della dimensione del file grafico, maggiore è la perdita di informazioni relativa all'immagine (e, di conseguenza, si ridurrà la qualità).
Se si effettuano modifiche ripetute e si salva di nuovo l'immagine in formato JPG, la qualità relativa può deteriorarsi in modo considerevole. È quindi consigliabile conservare copie di backup di tutte le immagini per poter essere in grado di utilizzare gli originali in caso di necessità.
Il formato JPG non supporta le caratteristiche di trasparenza e animazione. Quando si effettua il salvataggio di un'immagine in un file con estensione .jpg, le aree trasparenti vengono convertite nel colore a tinta unita più simile.


Colori supportati: 16.777.216 (immagine a 24 bit)
Compressione: Si, compressione con perdita di informazioni. (Lossy)

Utilizza il metodo Jpeg.Quando si esporta in questo formato è possibile definire la quantità di informazioni che deve perdere l'immagine. Ovviamente più si comprime il file più l'immagine perderà nitidezza e qualità.

Trasparenza: No.
Animazione: No.

immagine jpg a milioni di colori

immagine jpg a milioni di colori

Png

(si pronuncia "ping")

Il formato png è stato creato probabilmente per sostituire il formato gif; i suoi vantaggi sono svariati, primo tra tutti il fatto che il suo algoritmo di compressione non è brevettato, come lo è quello del gif, e quindi tutti gli sviluppatori possono divulgarlo liberamente.
Supporta il metodo interlacciato, e l'anteprima di un file png è addirittura più veloce di quella di un file gif. Purtroppo non tutti i browser lo supportano correttamente, e questo (per adesso) è il principale limite alla diffusione di questo formato. Tranne Mozilla, Opera e IE per Mac, gli altri browser visualizzano le immagini png, ma non ne supportano il canale alfa, quello che gestisce la trasparenza (che nel gif è data da un solo colore, mentre nel png da ben 256 livelli).


Colori supportati: 16.777.216 (immagine a 24 bit)
Compressione: Si, compressione senza perdita di informazioni. Utilizza il metodo LZ77.
Trasparenza: Si, per mezzo del canale alfa.

Il formato png, come il formato Jpg supporta 24 bit, ma, a differenza di quest'ultimo, fa uso di un canale detto "alfa" che specifica altri 256 colori (8 bit) destinati a gestire le trasparenze.

Animazione: No.

immagine png a milioni di colori

immagine png a milioni di colori


Marco Lazzari
Università di Bergamo
Facoltà di Lettere e Filosofia
Piazzale Sant'Agostino, 2
24129 Bergamo
 Tel 035 2052 920
Mail mlazzari@unibg.it
Web http://www.unibg.it/lazzari/

UNIVERSITÀ DEGLI STUDI DI BERGAMO - Via Salvecchio, 19 - 24129 Bergamo - Numero Verde: 800 014959 - numverde@unibg.it