Ricerche lab web

I COLORI E I FORMATI IMMAGINE PER IL WEB

Il sistema numerico esadecimale (abbreviato in esa oppure hex) è un sistema numerico posizionale in base 16  ossia utilizza 16 simboli invece dei 10 del sistema numerico decimale. Nel sistema esadecimale si utilizzano simboli da 0 a 9  e poi le lettere dalla A alla F per un totale di 16 simboli.

I colori all’interno del codice Html sono indicati con numeri esadecimali; la base esadecimale è usata nella maggior parte dei programmi di grafica per identificare inequivocabilmente un colore ben specifico. Per quanto riguarda il linguaggio HTML i colori sono indicati con un codice a  caratteri, che indicano la quantità di Rosso(RED), la quantità di verde (GREEN) e la quantità di blu (BLUE), preceduto dal simbolo # (cancelletto) che indica appunto un colore.

Il colore bianco in esadecimale è identificato con #FFFFFF

FF= 255 parti di ROSSO

FF= 255 parti di VERDE

FF= 255 parti di BLU

Nel codice HTML possiamo indicare i colori con il loro nome anziché con il codice esadecimale:

WHITE = #FFFFFF

BLACK = #000000

RED = #FF0000

BLUE = #0000FF

GREEN = #009900

YELLOW = #FFFF00

MAGENTA = #FF00FF

Nonostante il numero Massimo di colori ottenibile è pari a 16.777.216b(256*256*256) possiamo usare solo 216 colori che vengono indicati come COLORI SICURI (WEB SAFE) ossia colori che verranno visualizzati allo stesso modo da tutti i browser disponibili.

FORMATO IMMAGINI

BMP: sta per Bitmap ed è il formato originale di Windows per le immagini, non è compresso ma permette di visualizzare l’immagine da chi possiede Windows senza programmi particolari.

Per pubblicare foto sul web è essenziale che siano leggere, in quanto la qualità è limitata al video e non serve un’eccesiva risoluzione, i formati più adatti sono:

JPG: conserva utte le informazioni del colore di un’immagine RGB e comprime le dimensioni del file eliminando dati in modo selettivo, maggiore è la compressione minore sarà la qualità dell’immagine. Un’immagine JPG si decomprime automaticamente all’apertura;

GIF(Graphics Interchange Format): ideale per la rappresentazione di immagini sul web come gif animate, pulsanti e intestazioni. Non è adatto invece alle foto a colori perché memorizza solo 256 colori e per immagini che necessitano alta qualità;

PNG(Portable Network Graphics):formato utilizzato per la rappresentazioni di immagini sul web, è l’alternativa al GIF; è possibile che i vecchi browser non lo supportino per questa ragione tende ad essere evitato.

ALT E TITLE

Entrambi attributi: l’Alt fornisce un testo alternativo o sostitutivo da usare quando l’immagine non viene visualizzata. L’errore più comune, oltre a non utilizzarlo, è quello di fornire una descrizione dell’immagine, senza considerare quale funzione l’immagine stesse svolgendo sulla pagina. Rappresenta un’appropriata alternativa testuale dell’immagine. E' obbligatorio per quanto riguarda l'accessibilità.

Il Title è molto importante, fornisce una spiegazione addizionale per l'elemento a cui l'attributo è riferito, favorendo l'accessibilità del sito ai disabili e migliora la presenza nei motori di ricerca.

Con Internet explorer si sono verificati dei problemi e l'ALe e il TITLE si sono confusi, per ovviare si possono inserire entrambe oppure rendere nullo il Title.