Primer di computer grafica 
 
Cos'è e come si usa il formato GIF
GIF (si pronuncia "gif" ma anche "ghif") è un formato standard di memorizzazione di file grafici bitmapped RGB. GIF è la sigla di Graphics Interchange Format ed è  stato creato da CompuServe, uno dei primi servizi online, per trasmettere in rete immagini grafiche in modo compresso, quindi rapido. GIF è probabilmente il formato grafico più usato al mondo, in quanto è prevalente su Internet, nelle BBS e nelle librerie  shareware. GIF funziona bene sui grafici "al tratto", sia in bianco e nero che a colori e supporta al massimo 256 colori. Non funziona bene con le fotografie e le immagini sfumate, per le quali è meglio usare JPEG. GIF è superiore a JPEG se si tratta di disegni al tratto, logo, fumetti. In questi casi GIF non elimina pixel, come fa JPEG, ma anzi li riproduce esattamente. 
  • GIF87a permette l'interlacciamento e l'animazione.
  • GIF89a permette l'interlacciamento, l'animazione e la trasparenza.
Che tipo di compressione usa GIF? 
GIF funziona solo con immagini a scala di colore, con un massimo di 256 colori (o grigi). Utilizza una compressione 'lossless", il che significa che nessun pixel dell'immagine originale viene perduto (contrariamente ai metodo di compressione 'lossy"). Precisamente, l'algoritmo usato è quello di Lempel-Ziv-Welch. 

Nel 1977 Abraham Lempel e Jakob Ziv hanno creato il primo dei loro algoritmi di compressione. Nel 1984, mentre lavorava per la Unisys, Terry Welch modificò l'algoritmo originale dando origine all'algoritmo LZW che conosciamo oggi. Alla fine degli anni 80 a CompuServe fu sviluppato in formato GIF. L'algoritmo di compressione LZW è stato brevettato sia da Unisys che da IBM. 
Quando usare GIF? 
Si usa GIF quando l'immagine originale è a scala di colore, con un massimo di 256 colori. Naturalmente, se si parte da una immagine con più di 256 colori è spesso accettabile una sua conversione in scala di colore. Se invece sono necessari più di 256 colori bisogna considerare JPEG. 
  
Cos'è un GIF interlacciato? 
Interlacciato significa che l'immagine verrà visualizzata gradualmente man mano che viene scaricata da un browser web, usando una serie di scansioni che mostrano versioni sempre più dettagliate finché non sono stati scaricati tutti i dati. Il GIF a sinistra non è interlacciato, il secondo sì (clic sull'immagine, maiuscole e reload). 
Cos'è un GIF trasparente? 
Quando si desidera che alcuni pixel dell'immagine non vegano visualizzati, ma lascino posto allo sfondo, si usa un GIF cosiddetto trasparente (deve essere un GIF89a). Tutti i pixel che devono essere trasparenti devono avere un certo colore, diverso da ogni altro colore dell'immagine. Quel determinato colore deve essere indicato come trasparente. 
Cos'è un GIF animato? 
E' una successione di diversi GIF che vengono visti successivamente. Photoshop non permette di creare GIF animati.  Per farlo servono altri programmi, per esempio GIFBuilder.
Come si salva una immagine GIF in Photoshop?
E' necessario che si tratti di una immagine a scala di colore, cioè con 256 o meno colori. Se non lo è, è possibile convertirla e valutare se il risultato è accettabile (questa è normalmente la parte più problematica della generazione di una immagine GIF).

Primo modo (GIF87a: in questo modo non è possibile ottenere la trasparenza) 

Con una immagine a scala di colore, nel menù File si sceglie il comando Salva con nome e si seleziona il formato Compuserve© GIF. Si determina se il GIF deve essere normale o interlacciato.
Secondo modo (GIF89a: in questo modo è possibile la trasparenza) 

Con una immagine a scala di colore, nel menù File si sceglie il comando Esporta e quindi Esporta GIF89a. 

Ora è possibile scegliere uno o più colori che vengono trasformati nel colore indicato con "Trasparenza Scala di colore". Questo colore viene segnato come trasparente, e apparirà come tale quando verrà caricato per esempio in una pagina web. 
Quanto comprime GIF? 
GIF riesce a compattare i file mediamente di circa 4 volte, ma questo valore dipende anche dal tipo di immagine. Queste due immagini sono uguali: la seconda è solo ruotata di 90°. Tuttavia, se vengono salvate come GIF, la prima richiede meno spazio (16 Kbyte) della seconda (24 Kbyte), perché ha linee quasi orizzontali. 
Esempio di compressione e di visualizzazione di GIF 
L'originale è una immagine RGB di 200 x 170 pixel = 34.000 pixel. Ogni pixel è rappresentato con tre byte (uno per ogni primario RGB). Quindi l'immagine è di 34.000 x 3 byte = 99 Kbyte. Il TIFF è di 158 Kbyte. Il GIF occupa 40 Kbyte, quindi è stato compattato al 25% (ridotto di 4 volte). 
Come si fa quando l'immagine ha più di 256 colori?
Bisogna convertire l'immagine in scala di colore.

Se si esporta l'immagine RGB in GIF89a, si può fare la conversione contemporaneamente all'esportazione. 

Il modulo di esportazione GIF89a permette di 

  • convertire l’immagine a scala di colore
  • scegliere un colore di trasparenza per il browser Web (partendo da una immagine con trasparenza)
  • salvare l’immagine come file GIF.
Per esportare un’immagine RGB in formato GIF
Questo è un adattamento del manuale in linea di Photoshop 4. 
Se desiderate includere solo una parte dell’immagine RGB in una pagina web, selezionate solo quella parte dell’immagine e sfumatela se necessario. Copiate la selezione su un nuovo livello che sia trasparente. Verificate di aver nascosto qualunque livello che non desiderate includere nel file GIF.
  1. Selezionate File > Esporta > Esporta GIF89a.
  2. Per visualizzare le aree trasparenti dell’immagine come un colore pieno, eseguite una delle seguenti azioni:
    • Per rendere le aree trasparenti dello stesso colore dello sfondo della finestra del browser Netscape, lasciate il campione Trasparenza scala di colore al suo colore predefinito. Il colore predefinito è grigio Netscape, composto da 192 di R, 192 di G e 192 di B.
    • Per modificare il colore usato per la visualizzazione delle aree trasparenti, fate clic sul campione Trasparenza scala di colore e scegliete un nuovo colore. Fate clic su OK.
  3. Per Palette, scegliete una delle seguenti opzioni:
    • Esatta per creare una palette usando i colori dell’immagine. Questa opzione è abilitata solo se l’immagine contiene al massimo 256 colori.
    • Adattata per creare una palette con un campione rappresentativo dei colori dell’immagine. Usate questa opzione per ottenere i migliori risultati se l’opzione Esatta non è disponibile. Quando vengono visualizzate contemporaneamente più immagini, il browser Netscape 1.1 (o successivo) crea dinamicamente una tavola del colore utilizzando le palette adattate.
    • Sistema per creare una tavola del colore utilizzando la palette dei colori incorporata nel computer. Notate che l’opzione Sistema può produrre dei risultati imprevisti quando l’immagine è visualizzata su un monitor a 8 bit che utilizza una palette incorporata diversa.
  4. Per selezionare una palette personale che avete creato in Photoshop, fate clic su Carica, quindi individuate e selezionate la palette personale. Infine fate clic su OK.
  5. Se avete caricato una palette personale o selezionato l’opzione Sistema, per ottenere la migliore rappresentazione dell’immagine, selezionate l’opzione Usa corrispondenza migliore.
  6. Se avete scelto l’opzione Adattata, selezionate o inserite il numero minimo di colori che mantengono il dettaglio necessario dell’immagine. Notate che l’effetto della riduzione del numero di colori sulla dimensione del file varia in modo significativo in base alle dimensioni e al contenuto dei colori. In immagini di piccole dimensioni, l’effetto sulla dimensione del file è insignificante.
  7. Nota: Potete ridurre il numero di colori di un’immagine solo quando esportate un’immagine RGB in GIF. Per ridurre il numero di colori di un’immagine in scala di colore, convertitela nel metodo RGB quindi esportatela facendo uso del modulo GIF.
  8. Per vedere come l’immagine apparirà nel browser Web, fate clic su Anteprima.
  9. Per spostarvi attraverso l’anteprima, usate i seguenti metodi:
    • Per spostare l’immagine all’interno della finestra di anteprima, selezionate lo strumento mano e trascinate sull’immagine. Per far apparire l’intera immagine nella finestra, fate doppio clic sullo strumento mano (H).
    • Per aumentare l’ingrandimento, selezionate lo strumento zoom in e fate clic sulla parte dell’anteprima che desiderate ingrandire. Per un’anteprima al 100%, fate doppio clic sullo strumento zoom-in ({).
    • Per ridurre l’ingrandimento, tenete premuto il tasto Opzione (Macintosh) o Alt (Windows) e fate clic sulla parte dell’anteprima da ridurre.
  10. Per usare rapidamente gli strumenti di visualizzazione mentre usate l’anteprima:
    • Per attivare lo strumento zoom in, premete Comando (Macintosh) o Ctrl (Windows).
    • Per attivare lo strumento zoom out, premete Opzione (Macintosh) o Alt (Windows).
    • Per attivare lo strumento mano, premete la barra spaziatrice.
  11. Fate clic su OK per chiudere l’anteprima.
  12. Se non siete soddisfatti dei risultati, tenete premuto Opzione (Macintosh) o Alt (Windows) e fate clic su Ripristina per ripristinare i colori. Ripetete i punti da 3 a 9 a seconda del necessario.
  13. Per determinare come viene visualizzata l’immagine quando viene scaricata nel browser Web, eseguite una delle seguenti azioni:
    • Selezionate Interlacciato per visualizzare l’immagine gradualmente con un dettaglio sempre maggiore mentre viene scaricata.
    • Deselezionate Interlacciato per usare l’immagine come sfondo o texture.
  14. Se il file contiene una didascalia che desiderate includere come commento nell’intestazione GIF, selezionate l’opzione Esporta didascalia. Fate clic su OK per esportare il file. Scegliete una posizione per il file e fate clic su Salva.
   
Home | Commenti a Mauro Boscarol | Ultimo aggiornamento 22 dicembre 2000