Codifica di Immagini Fabio Cantaro. Modalità video In un monitor, Una modalità video rappresenta...
-
Upload
raniero-rocca -
Category
Documents
-
view
215 -
download
2
Transcript of Codifica di Immagini Fabio Cantaro. Modalità video In un monitor, Una modalità video rappresenta...
![Page 1: Codifica di Immagini Fabio Cantaro. Modalità video In un monitor, Una modalità video rappresenta una combinazione di RISOLUZIONE e di PROFONDITA’ di COLORE.](https://reader035.fdocuments.net/reader035/viewer/2022070313/5542eb73497959361e8da196/html5/thumbnails/1.jpg)
Codifica di Immagini
Fabio Cantaro
![Page 2: Codifica di Immagini Fabio Cantaro. Modalità video In un monitor, Una modalità video rappresenta una combinazione di RISOLUZIONE e di PROFONDITA’ di COLORE.](https://reader035.fdocuments.net/reader035/viewer/2022070313/5542eb73497959361e8da196/html5/thumbnails/2.jpg)
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)
![Page 3: Codifica di Immagini Fabio Cantaro. Modalità video In un monitor, Una modalità video rappresenta una combinazione di RISOLUZIONE e di PROFONDITA’ di COLORE.](https://reader035.fdocuments.net/reader035/viewer/2022070313/5542eb73497959361e8da196/html5/thumbnails/3.jpg)
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à
![Page 4: Codifica di Immagini Fabio Cantaro. Modalità video In un monitor, Una modalità video rappresenta una combinazione di RISOLUZIONE e di PROFONDITA’ di COLORE.](https://reader035.fdocuments.net/reader035/viewer/2022070313/5542eb73497959361e8da196/html5/thumbnails/4.jpg)
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
![Page 5: Codifica di Immagini Fabio Cantaro. Modalità video In un monitor, Una modalità video rappresenta una combinazione di RISOLUZIONE e di PROFONDITA’ di COLORE.](https://reader035.fdocuments.net/reader035/viewer/2022070313/5542eb73497959361e8da196/html5/thumbnails/5.jpg)
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
![Page 6: Codifica di Immagini Fabio Cantaro. Modalità video In un monitor, Una modalità video rappresenta una combinazione di RISOLUZIONE e di PROFONDITA’ di COLORE.](https://reader035.fdocuments.net/reader035/viewer/2022070313/5542eb73497959361e8da196/html5/thumbnails/6.jpg)
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
![Page 7: Codifica di Immagini Fabio Cantaro. Modalità video In un monitor, Una modalità video rappresenta una combinazione di RISOLUZIONE e di PROFONDITA’ di COLORE.](https://reader035.fdocuments.net/reader035/viewer/2022070313/5542eb73497959361e8da196/html5/thumbnails/7.jpg)
Le Immagini
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
Le Immagini possono essere:
![Page 8: Codifica di Immagini Fabio Cantaro. Modalità video In un monitor, Una modalità video rappresenta una combinazione di RISOLUZIONE e di PROFONDITA’ di COLORE.](https://reader035.fdocuments.net/reader035/viewer/2022070313/5542eb73497959361e8da196/html5/thumbnails/8.jpg)
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
![Page 9: Codifica di Immagini Fabio Cantaro. Modalità video In un monitor, Una modalità video rappresenta una combinazione di RISOLUZIONE e di PROFONDITA’ di COLORE.](https://reader035.fdocuments.net/reader035/viewer/2022070313/5542eb73497959361e8da196/html5/thumbnails/9.jpg)
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
![Page 10: Codifica di Immagini Fabio Cantaro. Modalità video In un monitor, Una modalità video rappresenta una combinazione di RISOLUZIONE e di PROFONDITA’ di COLORE.](https://reader035.fdocuments.net/reader035/viewer/2022070313/5542eb73497959361e8da196/html5/thumbnails/10.jpg)
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…
![Page 11: Codifica di Immagini Fabio Cantaro. Modalità video In un monitor, Una modalità video rappresenta una combinazione di RISOLUZIONE e di PROFONDITA’ di COLORE.](https://reader035.fdocuments.net/reader035/viewer/2022070313/5542eb73497959361e8da196/html5/thumbnails/11.jpg)
ESEMPIO HTML
Scrivendo con Blocco Note il seguente codice (salvando come HTML):
<html><body BGCOLOR="00ff00">Ciao a Tutti</body></html>
![Page 12: Codifica di Immagini Fabio Cantaro. Modalità video In un monitor, Una modalità video rappresenta una combinazione di RISOLUZIONE e di PROFONDITA’ di COLORE.](https://reader035.fdocuments.net/reader035/viewer/2022070313/5542eb73497959361e8da196/html5/thumbnails/12.jpg)
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)
![Page 13: Codifica di Immagini Fabio Cantaro. Modalità video In un monitor, Una modalità video rappresenta una combinazione di RISOLUZIONE e di PROFONDITA’ di COLORE.](https://reader035.fdocuments.net/reader035/viewer/2022070313/5542eb73497959361e8da196/html5/thumbnails/13.jpg)
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)
![Page 14: Codifica di Immagini Fabio Cantaro. Modalità video In un monitor, Una modalità video rappresenta una combinazione di RISOLUZIONE e di PROFONDITA’ di COLORE.](https://reader035.fdocuments.net/reader035/viewer/2022070313/5542eb73497959361e8da196/html5/thumbnails/14.jpg)
ESEMPIO HSB: dal PAINT
![Page 15: Codifica di Immagini Fabio Cantaro. Modalità video In un monitor, Una modalità video rappresenta una combinazione di RISOLUZIONE e di PROFONDITA’ di COLORE.](https://reader035.fdocuments.net/reader035/viewer/2022070313/5542eb73497959361e8da196/html5/thumbnails/15.jpg)
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.
![Page 16: Codifica di Immagini Fabio Cantaro. Modalità video In un monitor, Una modalità video rappresenta una combinazione di RISOLUZIONE e di PROFONDITA’ di COLORE.](https://reader035.fdocuments.net/reader035/viewer/2022070313/5542eb73497959361e8da196/html5/thumbnails/16.jpg)
Esempio di tavolozza
![Page 17: Codifica di Immagini Fabio Cantaro. Modalità video In un monitor, Una modalità video rappresenta una combinazione di RISOLUZIONE e di PROFONDITA’ di COLORE.](https://reader035.fdocuments.net/reader035/viewer/2022070313/5542eb73497959361e8da196/html5/thumbnails/17.jpg)
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
![Page 18: Codifica di Immagini Fabio Cantaro. Modalità video In un monitor, Una modalità video rappresenta una combinazione di RISOLUZIONE e di PROFONDITA’ di COLORE.](https://reader035.fdocuments.net/reader035/viewer/2022070313/5542eb73497959361e8da196/html5/thumbnails/18.jpg)
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à
![Page 19: Codifica di Immagini Fabio Cantaro. Modalità video In un monitor, Una modalità video rappresenta una combinazione di RISOLUZIONE e di PROFONDITA’ di COLORE.](https://reader035.fdocuments.net/reader035/viewer/2022070313/5542eb73497959361e8da196/html5/thumbnails/19.jpg)
Esempio: bitmap con PAINT
![Page 20: Codifica di Immagini Fabio Cantaro. Modalità video In un monitor, Una modalità video rappresenta una combinazione di RISOLUZIONE e di PROFONDITA’ di COLORE.](https://reader035.fdocuments.net/reader035/viewer/2022070313/5542eb73497959361e8da196/html5/thumbnails/20.jpg)
Formati
Ci sono formati– PROPRIETARI: CPT per Corel PhotoPaint e altri– STANDARD:
BMP: standard in Windows. – Non Compressa– Dimensione eccessiva
Standard con compressione
![Page 21: Codifica di Immagini Fabio Cantaro. Modalità video In un monitor, Una modalità video rappresenta una combinazione di RISOLUZIONE e di PROFONDITA’ di COLORE.](https://reader035.fdocuments.net/reader035/viewer/2022070313/5542eb73497959361e8da196/html5/thumbnails/21.jpg)
Altri formati standard COMPRESSI
JPEG (joint Photographic Expert Group)– Elevata compressione (LOSSY: con perdita)– Consente milioni di colori– Comunque buona qualità
GIF (graphics Interchange format)– 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
![Page 22: Codifica di Immagini Fabio Cantaro. Modalità video In un monitor, Una modalità video rappresenta una combinazione di RISOLUZIONE e di PROFONDITA’ di COLORE.](https://reader035.fdocuments.net/reader035/viewer/2022070313/5542eb73497959361e8da196/html5/thumbnails/22.jpg)
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