CENTRO DI FORMAZIONE PROFESSIONALE GALDUS

Corso “Operatore elettronico”    ID: 110608

TESI TECNICA“Grafica Bitmap e Vettoriale”

Relatore: Prof. ssa Giulia Totaro

Docente tecnico di riferimento: Prof. Massimiliano Acquati

Allievo: Zizzi Nicholas

ANNO SCOLASTICO 2014/15

Grafica Bitmap e Vettoriale

INDICE

Introduzione.....................................................................................................................................................3

Capitolo 1. La differenza tra bitmap e vettoriale..............................................................................................3

Capitolo 2. Vettoriale........................................................................................................................................5

2.1 Qualità dell'immagine.............................................................................................................................6

2.2 Svantaggi................................................................................................................................................7

2.3 Utilizzi.....................................................................................................................................................7

Capitolo 3: Illustretor........................................................................................................................................8

3.1 Storia......................................................................................................................................................9

3.2 Funzionalità............................................................................................................................................9

Capitolo 4. Bitmap..........................................................................................................................................10

4.1 Significato del termine..........................................................................................................................10

Capitolo 5. Photoschop..................................................................................................................................12

5.1 Storia....................................................................................................................................................13

Conclusioni.....................................................................................................................................................14

3

Introduzione

L’argomento della mia tesi e la grafica. Come nel mio sito espongo l’interesse per la grafica

Vettoriale. Ho scelto di spiegare la differenza e l’utilità delle due più importanti risoluzioni

grafiche (Bitmap e Vettoriale). La mia “passione“ per la grafica mi ha portato a diventare il

grafico ufficiale del comitato Taekwondo Lombardia come si può vedere dal mio sito.

Capitolo 1. La differenza tra bitmap e vettoriale

Tutte le immagini digitali possono essere raggruppate in due categorie

principali: Vettoriali o Bitmap. La loro differenza sostanziale sta nel modo in cui gli elaboratori

analizzano i loro contenuti.

Le immagini basate su vettori sono basate su forme e colori generate tramite formule

matematiche. Il principale vantaggio che ne deriva da questa caratteristica e che queste forme

possono essere ingrandite in maniera teoricamente infinita, senza perdere mai la loro qualità,

conservando cioè la loro natura di curve e forme basate su formule matematiche. Anche il

testo è basato sulla matematica, ed è per questo che può essere ingrandito senza mai perdere

le proprie caratteristiche.

Facciamo un esempio, disegniamo in un software di elaborazione di immagini vettoriali

(come Illustrator, oppure CorelDraw) un semplice cerchio rosso; le informazioni che il file dovrà

immagazzinare sono semplicemente lecoordinate del centro del cerchio, la lunghezza del suo

raggio e infine il codice del suo colore, in questo caso il rosso.

I file vettoriali sono più indicati se volete realizzare illustrazioni che richiedono specifiche

misure o che saranno stampate su supporti di dimensioni notevoli (e parliamo anche di teloni

di 10m x 10m.

I contro di questo formato sono facilmente intuibili; il vettoriale non è indicato per

rappresentare fotografie o immagini fotorealistiche che di per se non presentano curve e forme

ben definite.

4

Le immagini bitmap (o basate su bitmap), non si basano su formule matematiche per

rappresentare i propri elementi. Ogni immagine raster è mappata all'interno di una griglia,

come un grande mosaico. La grandezza della griglia dipende dalla risoluzione dell'immagine.

Per esempio, un immagine bitmap di 1cm x 1cm con una risoluzione di 600 punti per cm sarà

definita da una griglia di 600 x 600 pixels (360000 pixels) dove ogni pixel avrà un suo specifico

valore di colore.

Immaginate un comune tappeto la cui trama determina il disegno finale; è normale che

maggiore sarà il numero di nodi e più definita e dettagliata sarà l'immagine finale.

Questo è il tipo di immagine che realizziamo lavorando in Photoshop, dove gli elementi (fatta

eccezione per i tracciati e i livelli forma) sono definiti dalla somma di questi pixel.

Il più grande problema che si presenta ai grafici quando lavorano con questo tipo di immagini è

che le stesse non sono facilmente scalabil (intendiamo ingrandibili) senza che vi sia una

qualche perdita di qualità e di nitidezza delle forme.

In genere le immagini raster richiedono un spazio maggiore per essere salvate sul disco

rispetto alle immagini vettoriali.

5

Capitolo 2. Vettoriale

La grafica vettoriale è una tecnica utilizzata in computer grafica per descrivere un'immagine.

Un'immagine descritta con la grafica vettoriale è chiamata immagine vettoriale.

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. È radicalmente diversa dalla grafica raster in quanto nella grafica

raster le immagini vengono descritte come una griglia di pixel opportunamente colorati.

I principali vantaggi della grafica vettoriale rispetto alla grafica raster sono i seguenti:

possibilità di esprimere i dati in una forma direttamente comprensibile ad un essere umano

(es. lo standard SVG);

possibilità di esprimere i dati in un formato che occupi (molto) meno spazio rispetto

all'equivalente raster;

possibilità di ingrandire l'immagine arbitrariamente, senza che si verifichi una perdita di

risoluzione dell'immagine stessa.

Il primo punto si traduce nella possibilità, per una persona, di intervenire direttamente

sull'immagine anche senza fare uso di programmi di grafica o addirittura senza conoscenze

approfondite in merito. Ad esempio, per tradurre il testo presente in un'immagine SVG, spesso

è sufficiente aprire il file con un editor di testo e modificare le stringhe lette nel file.

Tale sistema di descrizione delle informazioni grafiche presenta inoltre l'indubbio vantaggio di

una maggiore compressione dei dati: in pratica una immagine vettoriale occuperà molto meno

spazio rispetto ad una corrispondente raster, con una riduzione dell'occupazione

di RAM e memoria di massa, principalmente nelle forme geometriche o nei riempimenti a tinta

piatta. Risulta, inoltre, più facile da gestire e da modificare, essendo minore la quantità di dati

coinvolti in ogni singola operazione di aggiornamento. Questo rende il vettoriale

particolarmente adatto per gestire grandi quantità di dati come quelli cartografici che sono

tipicamente gestiti in modalità vettoriale; infine l'ingrandimento o la riduzione delle misure e

6

proporzioni del soggetto prodotto in vettoriale non incide in maniera significativa

sul peso dell'immagine stessa, il riempimento di forme con tinte piatte è generato da semplici

funzioni matematiche e risulta, quindi, estremamente leggero in termini di memoria utilizzata.

2.1 Qualità dell'immagine

La grafica vettoriale, essendo definita attraverso equazioni matematiche, è indipendente

dalla risoluzione, mentre la grafica raster, se viene ingrandita o visualizzata su un dispositivo

dotato di una risoluzione maggiore di quella del monitor, perde di definizione. Una linea che

percorre lo schermo trasversalmente se viene rappresentata utilizzando la grafica raster viene

memorizzata come una sequenza di pixel colorati disposti a formare la linea. Se si provasse

ad ingrandire una sezione della linea si vedrebbero i singoli pixel che compongono la linea. Se

la medesima linea fosse memorizzata in modo vettoriale la linea sarebbe memorizzata come

un'equazione che parte da un punto identificato con delle coordinate iniziali e termina in un

altro punto definito con delle coordinate finali. Ingrandire una sezione della linea non

produrrebbe artefatti visivi o la visualizzazione dei singoli pixel componenti l'immagine, dato

che la linea sarebbe visualizzata sempre con la massima risoluzione consentita dal monitor.

Ad esempio, prendendo un'immagine vettoriale grande 2x24 pixel e aumentando la risoluzione

fino a 1024x768, si otterrà una immagine che ha la stessa definizione di quando era 2x24. Se

noi procediamo con lo zoom su di un file di tipo bitmap adattato a 800x600 px e lo ingrandiamo

a 1024x768 px la definizione risulta inferiore, questo perché il processore non ricalcola la

definizione dell'immagine come succede nelle immagini vettoriali ma utilizza le stesse

informazioni (pixel) dell'immagine su una superficie maggiore.

2.2 Svantaggi

Il principale svantaggio della grafica vettoriale rispetto alla grafica raster è che la realizzazione

di immagini vettoriali non è una attività intuitiva come nel caso delle immagini raster. I

programmi vettoriali dispongono di molti strumenti che, per essere sfruttati pienamente,

7

richiedono svariate conoscenze. Un altro difetto è legato alle risorse richieste per trattare le

immagini vettoriali: una immagine vettoriale molto complessa può essere molto corposa e

richiedere l'impiego di un computer molto potente per essere elaborata. Inoltre, le risorse

richieste per trattare l'immagine non sono definibili a priori e quindi ci si potrebbe trovare

nell'impossibilità di elaborare un'immagine per la mancanza di risorse sufficienti. Nel caso di

un'immagine raster, invece, una volta definita la risoluzione ed il numero di colori, è

abbastanza semplice definire le risorse massime necessarie per trattare l'immagine stessa; al

contrario di quanto accade con le tinte piatte, i riempimenti sfumati o complessi generati in

vettoriale comportano un alto impiego di risorse.

2.3 Utilizzi

La grafica vettoriale ha un notevole utilizzo nell'editoria, nell'architettura, nell'ingegneria e

nella grafica realizzata al computer. Tutti i programmi di grafica tridimensionale salvano i lavori

definendo gli oggetti come aggregati di primitive matematiche. Nei personal computer l'uso più

evidente è la definizione dei font. Quasi tutti i font utilizzati dai personal computer vengono

realizzati in modo vettoriale, per consentire all'utente di variare la dimensione dei caratteri

senza perdita di definizione.

La grafica vettoriale è stata impiegata fino agli anni ottanta nei primi terminali grafici ad uso

professionale come la famiglia 40XX Tektronix, o nel caso dei videogiochi in vecchie

macchinearcade come Asteroids e nella console Vectrex[1]. È ormai stata abbandonata nel

campo dell'hardware video, a causa dell'abbattimento dei costi delle memorie RAM.

8

Capitolo 3: Illustretor

Adobe Illustrator è un software per l'elaborazione di illustrazioni e per la grafica

vettoriale prodotto da Adobe Systems Incorporated.

3.1 Storia

9

La prima release 1.0 si ha nel dicembre 1986 (ufficiale gennaio 1987) per Apple Macintosh e

aggiornata fino alla 1.6, nel 1988 la versione 1.7 venne nominata "Illustrator 88". La prima

versione per Windows risale al 1989 ed è la 2.0 ma non ebbe successo, anche perché

assomigliava più alle versioni precedenti di Adobe Illustrator per Apple Macintosh che a quella

equivalente, o ai corrispettivi programmi di grafica vettorialenativi per l'ambiente Microsoft

Windows come, ad esempio Corel Draw. Attualmente, oltre ad essere venduto da solo, Adobe

Illustrator è inserito nella Adobe Creative Suite.

È opportuno notare che con l'acquisizione di Macromedia avvenuta nel 2005[1][2], Adobe ha

deciso di continuare ad implementare il solo Adobe Illustrator e non più lo storico concorrente

di grafica vettoriale della Macromedia, Freehand.

3.2 Funzionalità

Il programma permette di costruire immagini vettoriali attraverso forme geometriche o

attraverso degli strumenti di tracciatura. Si possono ricostruire logo da scansioni attraverso il

sistema di tracciatura automatica (nella versione CS2) o manualmente. I lavori più sviluppati

attraverso Illustrator sono: costruzione di loghi, prodotti pubblicitari (biglietti da

visita, cartellonistica, scritte) o anche layout per siti web. La gestione degli effetti di

trasparenza consente, tra l'altro, di esportare progetti grafici nativi in formati di file che

normalmente non gestiscono la trasparenza (come ad esempio WMF ed EMF) usufruendo di

appositi strumenti di conversione evolutisi col progredire delle versioni di Illustrator.

Capitolo 4. Bitmap

La grafica bitmap, o grafica raster (in inglese bitmap graphic, raster graphics, mentre in italiano

sarebbe traducibile come: Grafica a griglia), è una tecnica utilizzata per descrivere

un'immagine in formato digitale. Un'immagine descritta con questo tipo di grafica è chiamata

immagine bitmap o immagine raster.La grafica bitmap si contrappone alla grafica vettoriale.

10

4.1 Significato del termine

Il termine raster (= trama, reticolo, griglia, rasta) ha origine nella tecnologia televisiva

analogica, ovvero dal termine che indica le righe orizzontali (dette anche scan line) dei

televisori o dei monitor . In computer grafica, indica la griglia ortogonale di punti che costituisce

un'immagine raster. Nella grafica raster l'immagine viene vista come una scacchiera e ad ogni

elemento della scacchiera, chiamato pixel, viene associato uno specifico colore. Il colore può

essere definito con due tecniche:

se l'immagine contiene pochi colori (massimo 256) si crea un elenco dei colori da utilizzare e

nella scacchiera viene inserito l'indice che punta allo specifico colore del pixel;

se l'immagine contiene molti colori il singolo pixel non definisce l'indice con il quale si punta a

una tavolozza di colori, ma direttamente il colore.

Il colore viene definito ad esempio come una combinazione di tre componenti: blu, rosso,

verde. Questo non è l'unico modo di definire un colore, esistono altri modi che vengono

chiamati spazi di colore, ma nel caso delle immagini generate al computer il sistema RGB

(RED Rosso, GREEN Verde BLUE Blu) è il più diffuso dato che le schede grafiche lo utilizzano

nativamente per generare il segnale da visualizzare con il monitor.

Proprietà della grafica

La bitmap è caratterizzata da due proprietà:

risoluzione;

profondità.

La prima è determinata dal numero di pixel contenuti nell'unità di misura considerata (in

genere il pollice inglese, equivalente a 2,54 cm); si misura in PPI (Pixel Per Inch) oppure in

DPI (Dot Per Inch, Punti per pollice). La seconda è definita dalla memoria che si dedica ad

ogni pixel, ovvero dal numero di bit dedicati ad ogni pixel per descrivere il colore, e si misura in

BPP (Bit Per Pixel); maggiore è il numero di bit, maggiore è il numero di colori che è possibile

descrivere.

11

Un altro comune metodo per indicare la qualità delle immagini raster, tipico della Fotografia

digitale, è moltiplicare il numero delle righe di pixel per quello delle colonne di pixel ed

esprimere il valore in Megapixel.

La grafica bitmap non è vantaggiosa se l'utente necessita di apportare modifiche all'immagine,

perché nel caso ad esempio di uno zoom, la risoluzione e quindi la qualità dell'immagine

peggiora. I software grafici, per ridurre il problema, sono in grado di ripristinare la risoluzione

inserendo nuovi pixel che vengono calcolati facendo una interpolazione, il processo inserisce,

perciò, deliberatamente una quantità di informazioni presunte.

La grafica bitmap è invece ideale per rappresentare immagini della realtà, per modificare

contrasti e luminosità di queste, per applicare filtri di colore.

Capitolo 5. Photoschop

Adobe Photoshop è un software proprietario prodotto dalla Adobe Systems

Incorporated specializzato nell'elaborazione difotografie (fotoritocco) e, più in generale, di

immagini digitali.

Questo programma è in grado di effettuare ritocchi di qualità professionale alle immagini,

offrendo enormi possibilità creative grazie ai numerosi filtri e strumenti che permettono di

12

emulare le tecniche utilizzate nei laboratori fotografici per il trattamento delle immagini, le

tecniche di pittura e di disegno. Un'importante funzione del programma è data dalla possibilità

di lavorare con più livelli, permettendo di gestire separatamente le diverse componenti che

costituiscono l'immagine prinni strumenti.

Tra i plug-in, notevole importanza rivestono quelli che permettono al programma di leggere e

scrivere nuovi formati di file come Adobe Camera Raw che permette di lavorare con file Raw

prodotti da molte macchine fotografiche (tipicamente le reflex digitali) e con i file DNG. Adobe

ha reso disponibili le specifiche del formato per la compilazione dei plug-in anche ad aziende

di terze parti, creando quindi un mercato specifico di componenti per Photoshop, compresi

anche pennelli, campioni di colore, pattern e sfumature, nonché di macro (comunemente

chiamate "azioni"). Il 13 febbraio 2013 Adobe ha donato il codice sorgente della versione 1.0.1

al Computer History Museum di Mountain View.

5.1 Storia

13

La prima versione di Photoshop risale al 1990 ad opera dei fratelli Thomas e John Knoll, figli di

un fotografo, che idearono il programma per agevolare il lavoro del padre. Prende corpo

dall'applicativo esistente Display, sviluppato dal 1987 per MacPlus. La versione attualmente

disponibile in italiano è la CC 2014: la numerazione ordinaria del programma è stata

modificata con la pubblicazione di Adobe Photoshop CS, che corrisponderebbe in realtà alla

8.0. La vecchia sigla ricorda che il software è parte integrante della Adobe Creative Suite.

A partire dalla versione 14.0 è stata utilizzata la sigla CC che fa riferimento all'Adobe Creative

Cloud (che ha preso il posto della Creative Suite), un pacchetto di software per l'elaborazione

grafica comprendente, oltre a Photoshop, anche Illustrator, InDesign, Version Cue, Bridge,

Stock Photos (nel pacchetto standard), a cui si aggiungono GoLive e Acrobat

Professional nella versione Premium. Tutti i componenti della Creative Cloud vengono venduti

anche separatamente. Di Adobe Photoshop esiste anche una versione semplificata e più

economica, chiamata Photoshop Elements: in passato, Adobe tentò di distribuire un'altra

versione con ridotte funzionalità del programma, nota come Photoshop 5.0 LE (Light Edition),

frequentemente distribuita in bundle con l'acquisto di alcuni prodotti di informatica

come scanner o plotter di varie aziende.

Conclusioni

La conclusione del mio lavoro svolto per l’esame basato totalmente sulla grafica è anche un

modo per acculturarmi maggiormente sulla tematica “Grafica”, per essere un buon candidato

per un futuro lavoro.

la ricerca effettuata durante gli ultimi mesi ha aumentato la mia passione verso la grafica e

verso la comunicazione realizzata tramite grafiche.

la ricerca ha soddisfatto le mie aspettative, se non addirittura superate. Contavo molto sulla

“Fusione” tra tesi e sito web. Sono molto contento della conclusione del duro lavoro spero

bene ricompensato.