Codifica di Immagini Fabio Cantaro Modalità video In un monitor, Una modalità video rappresenta una combinazione di RISOLUZIONE e di PROFONDITA’ di COLORE RISOLUZIONE: numero di PIXEL PROFONDITA’ di COLORE: numero di colori che si possono usare. Si può avere profondità: – – – – 16 colori (4 bit per pixel) 256 colori (8 bit per pixel) 65536 colori (16 bit per pixel) 16,77 milioni di colori (24-32 bit per pixel) Modalità video In base alla Risoluzione e alla profondità di colore una immagine può prendere più o meno spazio: Spazio (byte) = num. Pixel x n°bit per profondità ESEMPIO ESEMPIO: per una immagine a 16,77 milioni di colori con risoluzione 1024x768 servono: 1024 x 768 x 3 byte (24 bit) = 2,3 Mbyte Immagini Vettoriali e BitMap Immagini vettoriali: – – – – – contengono solo una descrizione delle forme e dei colori dell’immagine Possono essere modificati di dimensione senza perdere i qualità Occupano poco spazio Non consentono una gradualità nel colore Esempi di utilizzo: Macromedia Flash, Immagini WMF (Windows Meta File) di Windows Immagini Vettoriali e BitMap Immagini BiTMap: – – – – – Sono costituite da pixel Consentono una transizione graduale del colore Se ingrandite si perde in qualità Occupano molto spazio Possono essere salvate in diversi formati Le Immagini Le Immagini possono essere: In Bianco e Nero: ogni pixel è Bianco o Nero In Scala di Grigi: ogni pixel uno tra 256 toni di grigio (la pixel è associato 1 byte) A Colori: possono avere PROFONDITA’ di colore e MODELLO di colore diverso PROFONDITA’ di COLORE Numero di colori che si possono usare nell’immagine Esempi: – – – 2 colori, per le immagini in B/N 256 colori, per i toni di grigio o se uso le PALETTE (sempre 1 byte per Pixel) 16 Milioni di colori: 3 byte per Pixel: 1 byte per il rosso 1 byte per il verde 1 byte per il blu MODELLI DI COLORE Sono metodi per individuare in modo univoco un colore secondo certi modelli Per le immagini True Color (16 milioni) i modelli più usati sono: – RGB (Red Green Blu) CMYK (Ciano Magenta Yellow e blacK) HSB (Hue Saturation Brillance) TAVOLOZZE (Palette) – CIE Lab – – – Modello RGB (Red Green Blu) Si combinano quantità di rosso, blu e verde Ogni valore da 0÷255 È un modello ADDITIVO: crea i colori mediante aggiunta di luce (usato quindi nei Monitor e Scanner) Esempio: esprimendo in Esadecimale (come nell’ HTML): – – – – – 00 00 00 : Nero FF FF FF: Bianco FF 00 00: Rosso 00 FF 00: verde Ecc… ESEMPIO HTML Scrivendo con Blocco Note il seguente codice (salvando come HTML): <html> <body BGCOLOR="00ff00"> Ciao a Tutti </body> </html> Modello CMYK Ogni colore si ottiene per combinazione di Ciano, Magenta e Giallo. È un modello SOTTRATTIVO: si crea colore mediante sottrazione di colore => per STAMPE Esempi: – – 00 00 00: stavolta è il BIANCO (non si spruzza colore) FF FF FF: teoricamente è il NERO. In effetti resa non ottimale => cartuccia NERA (da qui la K) Modello HSB È definito in base al MODO in cui il Colore è percepito dall’uomo Ogni colore è individuato da: – – – TONALITA’ (H): la quantità di BASE di un colore SATURAZIONE (S): l’intensità di colore (purezza o concentrazione del colore) LUMINOSITA’ (B): chiarezza o scurezza del colore (previa aggiunta o eliminazione del bianco) ESEMPIO HSB: dal PAINT TAVOLOZZE Come la tavolozza usata dal pittore Ogni tavolozza contiene 256 colori scelti tramite modello RGB Possono essere di due tipi: – – STANDARD: esempi i colori PANTONE. Dovrebbero assicurare, ad esempio, un certo GIALLO uguale in tutto il mondo PERSONALIZZATE. Esempio di tavolozza IMMAGINI VETTORIALI Contengono infomazioni: – – Circa le FORME che formano l’immagine (dimensione, posizione, ecc…) Circa i COLORI da applicare a ogni forma RENDERING: processo di creazione dell’immagine in PIXEL partendo da queste informazioni MOTORE DI RENDERING: programma che esegue il rendering Immagini BITMAP Sono formate da PIXEL È impossibile modificare a nostro piacimento l’immagine come avveniva per le vettoriali Caratteristiche immagine Bitmap: – – Dimensione (Larghezza x Altezza) Risoluzione: numero di pixel dell’immagine Si misura in DPI (Dot per Inch) Maggiore risoluzione => maggiore qualità Esempio: bitmap con PAINT Formati Ci sono formati – – PROPRIETARI: CPT per Corel PhotoPaint e altri STANDARD: BMP: standard in Windows. – Non Compressa – Dimensione eccessiva Standard con compressione Altri formati standard COMPRESSI JPEG (joint Photographic Expert Group) – – – GIF (graphics Interchange format) – – – – Elevata compressione (LOSSY: con perdita) Consente milioni di colori Comunque buona qualità Max 256 colori Compressione LossLess Permette la trasparenza Consente di usare immagini multiple (Gif Animate) PNG (Portable Network Graphics) – Combina i vantaggi del Gif e del Jpeg, cioè: Milioni di colori Compressione lossless Acquisizione Immagini Catturandole da schermo (tasto stamp) Scannerizzarle da formato cartaceo importarle da fotocamere digitali Scaricarle da Internet o da CD OCR: scannerizzando un documento ottengo una immagine => con OCR di nuovo documento