non stampare questa dispensa. salvala sul tuo computer e consultala quando ne hai bisogno BITMAP 1
Il tema dell immagine digitale è molto vasto. In queste dispense affrontiamo i seguenti aspetti: 1) cenni sulle tipologie dell immagine digitale 2) la struttura, la dimensione, la risoluzione, il peso dell immagine bitmap 3) la trasformazione delle dimensioni dell immagine digitale 2
INDICE introduzione: PROBLEMI CONNESSI ALL USO DELL 1) BITMAP E VETTORIALE 2) BITMAP - generare un immagine bitmap - la struttura - i pixel - i megapixel 3) LA DIMENSIONE DELL BITMAP -quattro modi per descrivere la dimensione dell immagine - interfaccia per la lettura e la modifica della dimensione dell immagine - larghezza ed altezza espressa in pixel e centimetri - la risoluzione - densità di pixel - calcolare la risoluzione - esercizio 1 - esercizio 2 -il peso - i formati - i metodi 4) LA QUALITÀ DELL - rapporto con la risoluzione - ingrandire un immagine 5) MODIFICARE LE DIMENSIONI DELL ricampionare l immagine - come fare? - esempi non ricampionare l immagine - come fare? - esempi 3
INTRODUZIONE Comprendere le caratteristiche dell immagine digitale ci permette di risolvere alcuni problemi molto frequenti. 1) scarico una immagine da internet; sembra ottima, poi la vado a stampare e risulta sgranata. 2) scarico una immagine da internet; sembra grande, poi la vado a stampare ed è piccola come un francobollo. 3) quando importo una immagine in un file di word questa invade tutta la pagina; la riduco e continua ad essere pesa : rallenta tutti i movimenti 4) non so quante fotografie posso depositare su una penna usb. 5) non so se impostare la macchina fotografica in modo tale da produrre foto pesanti o foto leggere. viste al monitor sembrano identiche. 6) come devo impostare lo scanner per poter ottenere una riproduzione di buona qualità? 7) talvolta allego l immagine ad una mail e la spedizione non ha buon esito. 8) come posso ridurre il peso di un immagine senza perdere qualità? 9) devo consegnare una foto per la pubblicazione sull annuario, non so fino a che dimensione possa essere ingrandita 10) ho una foto molto piccola, posso farci un manifesto? 4
DUE TIPOLOGIE DIVERSE DI VETTORIALE BITMAP 5
VETTORIALE generalmente adoperata per la realizzazione di marchi, loghi, disegni, testi. Può essere ingrandita enormemente senza perdere la qualità dell originale. Nella grafica vettoriale un immagine è descritta mediante un insieme di primitive geometriche che definiscono punti, linee, curve e poligoni ai quali possono essere attribuiti colori e anche sfumature. È diversa dalla grafica raster (o bitmap) dove le immagini vengono descritte come una griglia di pixel opportunamente colorati. L immagine vettoriale è prodotta da software come Macromedia freehand, Adobe Illustrator ed alti 6
VETTORIALE generalmente adoperata per la realizzazione di marchi, loghi, disegni, testi. Può essere ingrandita enormemente senza perdere la qualità dell originale. ottima qualità del disegno ingrandito 7
BITMAP generalmente sono fotografie, disegni scansionati. le immagini bitmap, se ingrandite perdono di qualità. I files bitmap sono generalmente più pesanti di quelli vettoriali e quindi sono più complessi da gestire. LA FOTOGRAFIA è UN BITMAP L immagine bitmap è prodotta da strumenti digitali come lo scanner (scansione di un disegno, di un testo, di una foto) o da fotocamere digitali. Può anche derivare da un elaborazione grafica effettuata con software grafici come Adobe Photoshop. 8
BITMAP generalmente sono fotografie, disegni scansionati. le immagini bitmap, se ingrandite perdono di qualità. I files bitmap sono generalmente più pesanti di quelli vettoriali e quindi sono più difficili da gestire LA FOTOGRAFIA È UN BITMAP pessima qualità dell immagine ingrandita 9
BITMAP generalmente sono fotografie, disegni scansionati. le immagini bitmap, se ingrandite perdono di qualità. I files bitmap sono generalmente più pesanti di quelli vettoriali e quindi sono più difficili da gestire UN DISEGNO SCANSIONATO È UN BITMAP pessima qualità dell immagine ingrandita 10
LA STRUTTURA DELL BITMAP 11
LA STRUTTURA DELL BITMAP l immagine fotografica bitmap è costituita da sfumature cromatiche e gradazioni chiaroscurali morbide e graduali. in realtà, se ingrandiamo l immagine, possiamo vedere che ogni parte è costituita dall accostamento di piccolissimi elementi quadrati (i pixel) di colore omogeneo. 12
LA STRUTTURA DELL BITMAP 13
LA STRUTTURA DELL BITMAP 14
LA STRUTTURA DELL BITMAP I PIXEL: forma e colore Il pixel è l unità elementare dell immagine digitale. Ha generalmente forma quadrata. All interno del quadrato esiste un unico colore. La sfumatura di colore nasce dall accostamento di pixel i cui colori cambiano gradualmente 15
LA DIMENSIONE DELL 16
LA DIMENSIONE DELL : QUATTRO MODI PER DESCRIVERLA 1 cm 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 2 3 4 5 6 7 8 9 10 11 12 13 14 15 2 cm la dimensione della foto digitale viene indicata in modi diversi: A) il numero di pixel della base e altezza: nell esempio: 15x30 B) il numero di pixel che compongono l immagine; nell esempio: 450 (il numero 450 si ottiene moltiplicando tra loro il numero, in pixel, della base (15) per l altezza (30). C) le misure in cm (utili ai fini della stampa). nell esempio cm 1x2. D) il peso del file, che è espresso in Kb, Mb, nell esempio l immagine pesa 1,32 Kb 17
LA DIMENSIONE DELL : INTERFACCIA PER LA LETTURA E LA MODIFICA DELLA DIMENSIONE DELL I software per il trattamento dell immagine digitale (adobe photoshop, gimp, paint shop ed altri) offrono generalmente, attraverso una apposita interfaccia, la possibilità di individuare e modificare le misure di una immagine digitale. 18
prendiamo come esempio l interfaccia proposta da adobe photoshop 19
20
DIMENSIONE DELL : LARGHEZZA E ALTEZZA ESPRESSA IN PIXEL E IN CM 1 cm interfaccia per la lettura dell immagine digitale 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 2 3 4 5 6 7 8 9 10 11 12 13 14 15 2 cm 21
DIMENSIONE DELL : LARGHEZZA E ALTEZZA ESPRESSA IN PIXEL E IN CM 1 cm interfaccia per la lettura dell immagine digitale 22 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 2 3 4 5 6 7 8 9 10 11 12 13 14 15 2 cm 1) dimensione pixel (peso dell immagine) 2) numero di pixel che compongono l altezza e la larghezza 3) altezza e larghezza dell immagine espressa in centimetri (o pollici) 4) risoluzione (pixel/cm o pixel/pollice)
DIMENSIONE DELL : LA RISOLUZIONE 1 cm 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 2 3 4 5 6 7 8 9 10 11 12 13 14 15 2 cm DENSITÀ DI PIXEL La risoluzione è la misura che indica la densità dei pixel nell immagine digitale, ossia la quantità di pixel presenti in una unità di misura lineare (un centimetro o un pollice). La risoluzione è un rapporto espresso in pixel/cm (o pixel/pollice). Nell esempio, una linea di un centimetro è costituita da 15pixel, per cui la risoluzione è pari a 15 px/cm. CALCOLARE LA RISOLUZIONE La risoluzione di una immagine può essere calcolata dividendo il numero di pixel di un lato per la misura lineare, espressa in cm, del lato stesso. nell esempio: base: 15 pixel / 1cm =15 pixel / cm atezza: 30 pixel / 2cm=15 pixel / cm 23
DIMENSIONE DELL : LA RISOLUZIONE 1 cm 24 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 2 3 4 5 6 7 8 9 10 11 12 13 14 15 2 cm STANDARD RELATIVI ALLA RISOLUZIONE FOTOGRAFIA PER LA STAMPA TIPOGRAFICA: SI RICHIEDONO IMMAGINI PESE minimo 118 pixel/cm (o 300 pixel/pollice) per la stampa su un libro FOTOGRAFIA PER LA VISUALIZZAZIONE SUL MONITOR (per Web) : SI RICHIEDONO IMMAGINI LEGGERE (per siti web, slide per presentazioni ecc.) non oltre 28,5 pixel/cm (o 72 pixel/pollice)
RISOLUZIONE: ESERCIZIO 1 DATA LA MISURA IN PIXEL E CM DI UNA FOTOGRAFIA, CALCOLARE LA SUA RISOLUZIONE Proviamo ad ottenere il valore della risoluzione calcolando il rapporto tra le misure relative alla base: 400pixel/4cm = 100pixel/cm Calcoliamo adesso la risoluzione operando con misure dell altezza: 500pixel/5cm = 100pixel/cm I due calcoli confermano il medesimo valore della risoluzione. 5 cm? 4 cm 25
RISOLUZIONE: ESERCIZIO 1 5 cm 26 4 cm
RISOLUZIONE: ESERCIZIO 1 DATA LA RISOLUZIONE E LA MISURA IN CM DELLA FOTOGRAFIA, TROVARE I PIXEL DI BASE E ALTEZZA: Otteniamo la larghezza in pixel, moltiplicando il valore della risoluzione per la misura in cm della larghezza: 25pixel/cm x 4cm = 100pixel 5 cm?? 4 cm 27
RISOLUZIONE: ESERCIZIO 1 stessa operazione per la misura della altezza: 25 pixel/cm x 5cm = 125 pixel 5 cm?? 28 4 cm
RISOLUZIONE: ESERCIZIO 1 5 cm 4 cm 29
DIMENSIONE DELL : IL PESO 1 cm 30 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 2 3 4 5 6 7 8 9 10 11 12 13 14 15 2 cm Il peso del file di un immagine è misurata attraverso l unità di misura del Byte: per misurare una immagine digitale si adoperano multipli del byte kilobyte (KB) = 1000 byte circa megabyte (MB) = 1000 KB circa gigabyte (GB) = 1000 MB circa Il peso del file è proporzionale alle dimensioni in pixel dell immagine. Maggiore il numero dei Pixel e maggiore è il peso. Le immagini con un numero maggiore di pixel possono produrre risultati di stampa migliori e stampe di dimensione maggiore, ma richiedono più spazio e risultano più lente da elaborare e stampare.
DIMENSIONE DELL : IL PESO - I FORMATI La stessa immagine digitale può essere convertita in molti formati diversi che possono operare una riduzione del peso grazie al principio della COMPRESSIONE jpeg qualità 5 = 270 Kb jpeg qualità 12 = 946 Kb pdf qualità minima = 156 Kb pdf qualità alta = 3,4 Mb gif = 1,2 Mb psd = 6,3 Mb tiff = 12,1 Mb bmp = 12,1 Mb 31
DIMENSIONE DELL : IL PESO - I METODI una immagine a colori pesa più di una in bianco e nero (metodo: scala di grigio) Esistono diversi metodi di colore che modificano la struttura cromatica dell immagine e incidono anche sul suo peso. VEDIAMO SOTTO UN ESEMPIO CON TRE METODI DI COLORE DIVERSI. metodo CMYK (ciano magenta yellow black) adatto alla stampa tipografica 2,6 Mb metodo RGB (red green blue) adatto alla visualzzazione su monitor 967 Kb metodo SCALA DI GRIGI (bianco e nero) 688 Kb NOTA BENE: LE TRE FOTOGRAFIE HANNO LA STESSA DIMENSIONE (INDICATA NELL INTERFACCIA SOTTO). IL DIVERSO METODO DI COLORE FA ASSUMERE UN PESO DIFFERENTE AI TRE FILES 32
LA QUALITÀ DELL 1 L immagine digitale è migliore quando i pixel sono piccolissimi (non visibili al nostro occhio). Quando invece i pixel sono grandi (visibili) la fotografia risulta pixelata o sgranata ; insoddisfacente. La qualità dell immagine è proporzionale alla sua risoluzione: maggiore è la risoluzione e maggiore è la qualità 33
QUESTE TRE IMMAGINI HANNO LA MEDESIMA DIMENSIONE LINEARE. IL NUMERO DI PIXEL INVECE PROGRESSIVAMENTE SI RIDUCE 5 cm 34 4 cm 4 cm 4 cm
MEDIA RISOLUZIONE qualità bassa scuola secondaria di primo grado italo calvino montecarlo ALTA RISOLUZIONE =100 PIXEL/CM buona qualità MEDIA RISOLUZIONE =10 PIXEL/CM bassa qualità BASSA RISOLUZIONE =2 PIXEL/CM pessima qualità 5 cm 4 cm 4 cm 4 cm 35
LA QUALITÀ DELL 2 se ingrandisco una immagine di buona qualità, senza aumentare il numero dei pixel, ottengo un ingrandimento dei pixel per cui il risultato sarà sgranato ; ossia insoddisfacente. 36
ESPERIMENTO 1: INGRANDIMENTO DELL partiamo da una piccola immagine di buona qualità 68 px 2cm 85 px 2,5cm DI BUONA QUALITÀ 37
ESPERIMENTO 1: INGRANDIMENTO DELL se ingrandisco l immagine, (senza aumentare il numero dei pixel) i pixel aumentano la loro grandezza e la fotografia risulterà pixellata (o sgranata ) 85 px 17cm 68 px 2cm 85 px 2,5cm 68 px 13,6 cm 38 DI BUONA QUALITÀ DI QUALITÀ MEDIOCRE
ESPERIMENTO 1: INGRANDIMENTO DELL 85 px 17cm 68 px 2cm 85 px 2,5cm DI BUONA QUALITÀ 68 px 13,6 cm DI QUALITÀ MEDIOCRE 39
ESPERIMENTO 1: INGRANDIMENTO DELL 85 px 17cm 68 px 2cm 85 px 2,5cm 68 px 13,6 cm 40 DI BUONA QUALITÀ DI QUALITÀ MEDIOCRE
MODIFICARE LE DIMENSIONI DELL : spesso dobbiamo ingrandire una fotografia (da fotografia a locandina, a poster) o dobbiamo alleggerirne il peso per pubblicarla sul web. vediamo come operare e quali sono i criteri da seguire 41
MODIFICARE LE DIMENSIONI DELL : La modifica della dimensione dell immagine digitale può avvenire in due modi 1) ricampionando l immagine (con perdita di qualità) 2) non ricampionando l immagine (senza perdita di qualità) Ricampionare significa modificare (ridurre o aumentare) il numero dei pixel presenti in una immagine. Il ricampionamento verso il basso (riduzione del numero di pixel), o downsampling, riduce il peso dell immagine. Il ricampionamento verso l alto (aumento del numero di pixel), o upsampling, aumenta il peso dell immagine. 42
1) RICAMPIONARE L modificare le dimensioni dell immagine variando (aumentando o diminuendo) il numero di pixel che la costituiscono e quindi il peso del file. l operazione produce una perdita di qualità IRREVOCABILE Le misure lineari (altezza e larghezza in pixel o cm) e la risoluzione (pixel/centimetro) si modificano indipendentemente 43
COME FARE? mettere il segno di spunta su ricampiona immagine LA PARENTESI CHE COLLEGA LE MISURE IN CENTIMETRI (ALTEZZA E LARGHEZZA) NON COLLEGA ANCHE LA RISOLUZIONE la misura della risoluzione può essere modificata senza comportare automaticamente una modifica alle misure lineari di larghezza e altezza (e viceversa) 44
COME FARE? mettere il segno di spunta su ricampiona immagine in questo modo lo spazio dimensione pixel rimane ATTIVO; i pixel che costituiscono l immagine possono aumentare o diminuire (insieme al peso del file) LA PARENTESI CHE COLLEGA LE MISURE IN CENTIMETRI (ALTEZZA E LARGHEZZA) NON COLLEGA ANCHE LA RISOLUZIONE la misura della risoluzione può essere modificata senza comportare automaticamente una modifica alle misure lineari di larghezza e altezza (e viceversa) 45
in genere i motivi per cui si ricampiona una immagine digitale sono i seguenti: WEB - Assegnato l ingombro (in cm o pollici) dell immagine da pubblicare sul web (es. banner pubblicitario), il file originale è troppo peso. L immagine, ridimensionata al perimetro dato, assume una risoluzione superiore a 28,5 pixel/cm. Dobbiamo alleggerire il file eliminando il numero complessivo dei pixel che lo compongono. Una volta effettuata questa operazione, non possiamo più recuperare la qualità originale. 46 foto originale + STAMPA Assegnato l ingombro (in cm o pollici) dell immagine da stampare (es. manifesto, libro ecc.) il file originale è troppo piccolo. L immagine. ridimensionata al perimetro dato, assume una risoluzione inferiore a 118 pixel/cm. Dobbiamo ingrandire la dimensione del file aumentando il numero complessivo dei pixel che la compongono per raggiungere la risoluzione necessaria. Questa operazione si basa sul principio dell interpolazione e comunque da origine ad una immagine di qualità non soddisfacente (perdita di incisività dei contorni delle figure).
1: RIDURRE UNA FOTO PER LA PUBBLICAZIONE SUL WEB immagine originale = cm 5x3: risoluzione = 100 pixel/cm immagine per web = cm 2,5x1,5: risoluzione = 28,5 pixel/cm 3cm 1,5cm 1,5cm 5 cm 2,5 cm 1) CAMBIARE LE DIMENSIONI IN CM 2) CAMBIARE LE DIMENSIONI DELLA RISOLUZIONE 2,5 cm 47
2: DIMENSIONARE UNA FOTO PER LA STAMPA immagine originale = cm 5x3: risoluzione = 100 pixel/cm immagine per stampa = cm 10x6: risoluzione = 300 pixel/cm 3cm 6 cm 5 cm 1) CAMBIARE LE DIMENSIONI IN CM 2) CAMBIARE LE DIMENSIONI DELLA RISOLUZIONE 48
2) NON RICAMPIONARE L modificare le dimensioni dell immagine senza alterare il numero di pixel che la costituiscono e quindi senza variare il peso del file. non c è perdita di qualità dell immagine se si aumentano le dimensioni lineari della fotografia, automaticamente, in modo proporzionale, la risoluzione diminuisce (e viceversa) 49
COME FARE? togliere il segno di spunta su ricampiona immagine LE MISURE IN CENTIMETRI (ALTEZZA E LARGHEZZA) E LA RISOLUZIONE SI COLLEGANO CON UNA PARENTESI. Aumentando la risoluzione si diminuiscono le misure lineari (o viceversa) Riducendo la risoluzione aumentano le misure lineari (o viceversa) 50
COME FARE? togliere il segno di spunta su ricampiona immagine in questo modo lo spazio dimensione pixel rimane INATTIVO; non si possono modificare ne il numero dei pixel ne il peso dell immagine. LE MISURE IN CENTIMETRI (ALTEZZA E LARGHEZZA) E LA RISOLUZIONE SI COLLEGANO CON UNA PARENTESI. Aumentando la risoluzione si diminuiscono le misure lineari (o viceversa) Riducendo la risoluzione aumentano le misure lineari (o viceversa) 51
ECCO UN ESEMPIO: 52
ESERCIZIO N 3 abbiamo una fotografia, scattata con la fotocamera digitale. Le dimensioni sono: 30cmx19,99cmx 100 pixel/pollice. determinare la dimensione massima che l immagine può assumere nel caso di stampa tipografica su un libro. 19,99 cm 30 cm 53
SVOLGIMENTO: 1) togliere la selezione a ricampiona immagine. 2) modificare il valore della risoluzione secondo quanto richiesto dalla stampa tipografica (300px/pollice o 118px/cm) 3) automaticamente i valori delle misure lineari si adegueranno alla trasformazione, indicando il perimetro massimo che la foto potrà assumere nella stampa tipografica: cm 10x6 54
FINE 55