Le immagini trasparenti

Una delle caratteristiche del formato GIF, è quella di poter creare immagini con UN SOLO colore trasparente, ovvero che non copre ciò che sta al di sotto. Un'altra delle caratteristiche del formato GIF è che ogni immagine occupa una superficie rettangolare misurabile in pixel, ovvero in punti dello schermo. Un'immagine 100x200 pixel occuperà una porzione di schermo rettangolare, lunga 100 punti e alta 200 punti, per un totale di 100x200 = 20.000 punti.

Se per un qualsiasi motivo la tua immagine ha dei contorni non rettangolari, essa dovrà essere inserita all'interno di un'immagine comunque rettangolare, con evidenti spazi vuoti. Finche tali spazi avranno lo stesso colore dello sfondo si confonderanno con esso, ma di solito la maggior parte delle pagine ha uno sfondo più o meno variopinto e questa soluzione non è più adottabile. Se però diamo agli spazi vuoti della nostra immagine rettangolare un colore che definiremo trasparente, ecco che essa si integrerà con il contenuto dello sfondo.

Un'altro possibile utilizzo dei GIF trasparenti è quella di separatori d'immagini o testi. Immagina di avere due immagini e di doverle separare l'una dall'altra di 32 pixel. E' sufficiente creare un'immagine 32x2pixel con una palette di 2 colori e riempirne tutto lo spazio a disposizione con uno dei due colori. Assegna a tale colore l'attributo "trasparente" e salvalo come GIF 89a. Adesso puoi inserire nel documento HTML delle istruzioni sul tipo:

<IMG SRC="zaterx.jpg"><IMG SRC="trasp.gif"><IMG SRC="zaterx.jpg">

Ottenendo il seguente risultato:

Sito creato dalla “Wolf-WebSystem” per informazioni scrivi a info@wwsys.it