Vtgyjfy

Confronto tra un'immagine raster e una vettoriale ingrandita.
a) immagine originale
b) immagine vettoriale ingrandita 8x
c) immagine raster ingrandita 8x

La grafica vettoriale è una tecnica di rappresentazione dell'immagine (o di un carattere tipografico generato da un computer), in cui gli elementi grafici che la costituiscono sono un insieme di primitive geometriche, come punti, segmenti di retta, curve di Bézier, ecc., alle quali possono essere attribuiti colori e anche sfumature. Questi elementi vengono geometricamente ubicati nel disegno con l'indicazione delle coordinate dei punti di applicazione.^[1] Un'immagine generata con questa tecnica si dice immagine vettoriale. È radicalmente diversa dalla grafica raster in quanto nella grafica raster le immagini vengono descritte come una griglia di pixel opportunamente colorati.

Indice

1 Storia

2 Cos'è un vettore?
- 2.1 Definizione matematica
- 2.2 Applicazione in computer grafica
  - 2.2.1 Esempio di trasformazione geometrica

3 Grafica vettoriale e grafica raster

4 Primitive

5 Utilizzi

6 Note

7 Voci correlate

8 Altri progetti

Storia |

1959 – Paul de Casteljau, mentre lavora alla Citroën, sviluppa un algoritmo per eseguire calcoli su una certa famiglia di curve, che in seguito sarebbe stato formalizzato e reso popolare dall'ingegnere Pierre Bézier, e le curve sarebbero state chiamate curve di de Casteljau o curve di Bézier.^[2] Tali curve appariranno solo dopo il 1970, per preservare all'interno delle rispettive aziende l'importante innovazione tecnologica.^[3]

1961 – Verne L. Hudson lavora con la grafica vettoriale 3D, usando un IBM 7090, schede perforate e un plotter a penna.^[4]

1970 – I terminali a scansione vettoriale richiedono un refresh costante dell'immagine, che purtroppo è gravoso per il computer.^[4] Per questa ragione, nei primissimi anni Settanta, vari ingegneri iniziano a sperimentare un adattamento dei tubi da TV (a scansione raster) a display per computer, assistiti da memorie meno costose e a più alta densità, e da microprocessori più economici.^[4]

1979 – Viene rilasciato Asteroids, un videogioco arcade che impiega la grafica vettoriale.^[5]

1980 – A partire dagli anni Ottanta, i display a grafica raster, che usano i "pixel" per comporre un'immagine, sostituiscono quasi del tutto i display a grafica vettoriale.^[6]

1984 – Insieme a MacWrite e MacPaint, Apple inserisce nella dotazione di software MacDraw, il primo programma di disegno vettoriale realmente WYSIWYG.

1986 – Entra in commercio il software Adobe Illustrator.

1988 – Entra in commercio il software Corel Draw.

1990 – Alla fine degli anni Novanta, il W3C sollecita ai vari produttori la presentazione di proposte per un formato standard e condiviso, che permetta di inserire i file vettoriali all'interno del codice di descrizione delle pagine, senza l'interposizione di plugin.^[7] Infine, deciderà di sviluppare SVG, che diverrà lo standard raccomandato per tutti i browser.^[7]

1998 – Entra in commercio il software Aldus Freehand.

Cos'è un vettore? |

Definizione matematica |

Sono dette grandezze scalari, quelle che risultano completamente descritte da un numero, che ne rappresenta il valore. Il numero che definisce la misura di uno scalare viene indicato con il termine modulo, o più frequentemente intensità. Sono dette grandezze vettoriali, quelle che per essere definite necessitano, oltre che di un'intensità, anche di una direzione e di un verso. Le grandezze vettoriali sono rappresentate per mezzo di figure geometriche dette vettori, che sono segmenti orientati, simboleggiati tramite una freccia: il modulo (l'intensità) è identificato dalla lunghezza del segmento di freccia, la direzione dalla retta sulla quale esso giace e il verso dalla punta della freccia.^[8] Il punto da cui si origina il segmento orientato è detto origine.^[9]

Generalizzando, per vettore si può intendere qualunque n-pla ordinata di elementi di un campo $K$ (che può essere $R$ , l'insieme dei numeri reali, ${displaystyle mathbb {C} }$ , l'insieme dei numeri complessi, o un qualunque altro campo di scalari).^[10] In tal senso, un vettore è una particolare matrice, e una matrice con una riga e n colonne è così anche detta "vettore riga", mentre una matrice con n righe e una colonna è anche detta "vettore colonna".^[10]

Applicazione in computer grafica |

La grafica vettoriale si basa sulle descrizioni matematiche di primitive geometriche (punti, linee, curve parametriche, ecc.), sui relativi attributi di spessore e colore, nonché sulle operazioni algebriche e le trasformazioni geometriche (traslazioni, rotazioni, ridimensionamenti, ecc) che è possibile eseguire con i vettori e le matrici.^[11]

Nel caso si desideri disegnare un segmento di retta su un piano, si chiamino $P_0$ e $P_1$ i due punti di estremità. Il segmento sarà totalmente definito da due coppie di valori che ne indicano le coordinate ${displaystyle [xP_{0},yP_{0}]}$ e ${displaystyle [xP_{1},yP_{1}]}$ rispetto a un punto di origine arbitrario e comune a tutte le entità del disegno. Se guardiamo la struttura delle due coppie di coordinate, vediamo che si possono considerare due vettori che giungono nel punto partendo dall'origine.^[7]

Esempio di trasformazione geometrica |

I meccanismi dell'algebra lineare possono essere utilizzati per esprimere molte delle operazioni necessarie per disporre gli oggetti in una scena 3D, visualizzarli con le telecamere e portarli sullo schermo. Trasformazioni geometriche come rotazione^[12], traslazione, ridimensionamento e proiezione possono essere realizzate con la moltiplicazione di matrici.^[13] Si pensi a un'immagine come un mucchio di punti, i quali sono le estremità di vettori, le cui code sono all'origine degli assi cartesiani.^[13]

La trasformazione più semplice è il ridimensionamento uniforme (cioè che mantiene le proporzioni) lungo gli assi delle coordinate:

{displaystyle {text{scale}}(s_{x},s_{y})={begin{bmatrix}s_{x}&0\0&s_{y}end{bmatrix}}}

{displaystyle {begin{bmatrix}s_{x}&0\0&s_{y}end{bmatrix}}{begin{bmatrix}x\yend{bmatrix}}={begin{bmatrix}s_{x}x\s_{y}yend{bmatrix}}}

{displaystyle {text{scale}}(0,5,0,5)={begin{bmatrix}0,5&0\0&0,5end{bmatrix}}}

Graficamente si otterrà questo:

Grafica vettoriale e grafica raster |

Confronto tra grafica vettoriale e grafica raster^[14]
Grafica vettoriale	Grafica raster
Le forme vengono modellate attraverso calcoli matematici.	Si basa sui pixel.
I programmi vettoriali sono i migliori per creare loghi, disegni e illustrazioni, disegni tecnici. Per immagini che saranno applicati a prodotti fisici.	I software per la grafica raster sono i migliori per l'editing di fotografie.
Le immagini vettoriali possono essere ingrandite o ridotte senza perdita di definizione.	Non si può ingrandire o ridurre ottimamente; l'immagine deve essere creata/scansionata alla dimensione desiderata o maggiore.
Le immagini vettoriali sono indipendenti dalla risoluzione: possono essere stampate a qualsiasi dimensione/risoluzione.
Un'immagine vettoriale di dimensioni notevoli, occupa comunque poco spazio su disco.^[7]	Immagini raster di dimensioni e dettaglio notevoli occupano molto spazio su disco.
Il numero di colori può essere facilmente incrementato o ridotto per regolare il budget di stampa.	È più difficile stampare immagini raster usando un limitato numero di colori.
Opere d'arte vettoriali possono essere usate per molti processi e facilmente rasterizzate per essere usate per ogni processo.	Alcuni processi non possono impiegare formati raster.
Un'immagine vettoriale può essere facilmente convertita in un'immagine raster.	In base alla complessità dell'immagine, la conversione in vettoriale può fare perdere tempo.
Un'immagine vettoriale non è la più adatta per immagini a toni continui con mescolanze di colori, o per l'editing di fotografie.	Un'immagine raster è adatta per creare immagini a toni continui con morbide mescolanze di colori.
Formati di file comuni: AI, CDR, SVG, EPS, PDF.	Le immagini raster hanno i più comuni formati di immagine, tra cui: JPEG, GIF, BMP, PSD, EPS, PDF.
Software vettoriali comuni: Adobe Illustrator, CorelDraw, Inkscape.	Software raster comuni: Adobe Photoshop, Paint Shop, GIMP.

Primitive |

Più o meno tutti i formati di file vettoriali supportano primitive semplici e dal rendering rapido come...

Linee, polilinee e poligoni

Curve di Bézier e bezigon

Cerchi ed ellissi

Molti formati di file vettoriali supportano...

Testo

Gradienti di colore

Spesso, un'immagine bitmap è considerata un oggetto primitivo

Pochi formati di file supportano oggetti più complessi come...

Catmull-Rom splines

NURBS

Iterated function systems

Superellissi e superellissoidi

Metaball

Altri oggetti

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 macchine arcade come Asteroids e nella console Vectrex^[15]. È ormai stata abbandonata nel campo dell'hardware video, a causa dell'abbattimento dei costi delle memorie RAM.

Note |

^ Giorgio Fioravanti, Il dizionario del grafico, Zanichelli, 1993, ISBN 9788808141163.

^ La Productique et sa Culture: Algorithme de Paul de Faget De Casteljau, su www.rocbor.net. URL consultato il 25 febbraio 2018.

^ (EN) Pierre Bézier, Numerical control; Mathematics and applications, Wiley, 1972, ISBN 9780471071952. URL consultato il 25 febbraio 2018.

^ ^a^b^c (EN) Jon Peddie, The History of Visual Magic in Computers: How Beautiful Images Are Made in CAD, 3d, Vr and Ar, Springer Verlag, 13 giugno 2013, ISBN 9781447149316. URL consultato il 25 febbraio 2018.

^ Atari, Production Numbers (PDF), 1999. URL consultato il 25 febbraio 2018.

^ (EN) Vector graphics | computer science, in Encyclopedia Britannica. URL consultato il 25 febbraio 2018.

^ ^a^b^c^d (IT) Marisa Addomine e Daniele Pons, Informatica. Per le Scuole superiori. Con DVD-ROM. Con espansione online, Zanichelli, 1º gennaio 2012, ISBN 9788808303745. URL consultato il 25 febbraio 2018.

^ (IT) Massimo Bergamini, Graziella Barozzi e Anna Trifone, Matematica.blu. Per le Scuole superiori. Con e-book. Con espansione online: 1, 2ª ed., Zanichelli, 25 gennaio 2016, ISBN 9788808220851. URL consultato il 25 febbraio 2018.

^ (IT) AA.VV., Tutto Fisica, 5ª ed., De Agostini, 13 giugno 2017, ISBN 9788851150488. URL consultato il 26 febbraio 2018.

^ ^a^b Walter Maraschini e Mauro Palma, Enciclopedia della Matematica, in Le Garzantine, M-Z, Edizione speciale per il Corriere della Sera, Garzanti, 2014.

^ (IT) Primo Zingaretti, Fondamenti di computer graphics, Pitagora, 1º luglio 2004, ISBN 9788837114862. URL consultato il 25 febbraio 2018.

^ (IT) Marisa Addomine e Daniele Pons, Informatica. Per le Scuole superiori. Con DVD-ROM. Con espansione online, Zanichelli, 1º gennaio 2012, ISBN 9788808303745. URL consultato il 25 febbraio 2018.
«Per ruotare una forma qualunque, possiamo definire un vettore, contenente le coordinate del centro di rotazione e l'angolo che vogliamo applicare.».

^ ^a^b (EN) Steve Marschner e Peter Shirley, Fundamentals of Computer Graphics, Fourth Edition, 4ª ed., A K Peters/CRC Press, 15 dicembre 2015, ISBN 9781482229394. URL consultato il 25 febbraio 2018.

^ Raster (Bitmap) vs Vector, su vector-conversions.com. URL consultato il 25 febbraio 2018.

^ (EN) David Thomas, Kyle Orland, Scott Steinberg, The videogame style guide and reference manual (PDF), Power Play Publishing, 2007, p. 64, ISBN 978-1-4303-1305-2.

Voci correlate |

Grafica raster

Immagine digitale

Algoritmo della linea di Bresenham

Altri progetti |

Altri progetti

Wikimedia Commons

Wikimedia Commons contiene immagini o altri file su grafica vettoriale

.mw-parser-output .navbox{border:1px solid #aaa;clear:both;margin:auto;padding:2px;width:100%}.mw-parser-output .navbox th{padding-left:1em;padding-right:1em;text-align:center}.mw-parser-output .navbox>tbody>tr:first-child>th{background:#ccf;font-size:90%;width:100%}.mw-parser-output .navbox_navbar{float:left;margin:0;padding:0 10px 0 0;text-align:left;width:6em}.mw-parser-output .navbox_title{font-size:110%}.mw-parser-output .navbox_abovebelow{background:#ddf;font-size:90%;font-weight:normal}.mw-parser-output .navbox_group{background:#ddf;font-size:90%;padding:0 10px;white-space:nowrap}.mw-parser-output .navbox_list{font-size:90%;width:100%}.mw-parser-output .navbox_odd{background:#fdfdfd}.mw-parser-output .navbox_even{background:#f7f7f7}.mw-parser-output .navbox_center{text-align:center}.mw-parser-output .navbox .navbox_image{padding-left:7px;vertical-align:middle;width:0}.mw-parser-output .navbox+.navbox{margin-top:-1px}.mw-parser-output .navbox .mw-collapsible-toggle{font-weight:normal;text-align:right;width:7em}.mw-parser-output .subnavbox{margin:-3px;width:100%}.mw-parser-output .subnavbox_group{background:#ddf;padding:0 10px}

Portale Informatica: accedi alle voci di Wikipedia che trattano di informatica

[1] Giorgio Fioravanti, Il dizionario del grafico, Zanichelli, 1993, ISBN 9788808141163.

[2] La Productique et sa Culture: Algorithme de Paul de Faget De Casteljau, su www.rocbor.net. URL consultato il 25 febbraio 2018.

[3] (EN) Pierre Bézier, Numerical control; Mathematics and applications, Wiley, 1972, ISBN 9780471071952. URL consultato il 25 febbraio 2018.

[:0-4] (EN) Jon Peddie, The History of Visual Magic in Computers: How Beautiful Images Are Made in CAD, 3d, Vr and Ar, Springer Verlag, 13 giugno 2013, ISBN 9781447149316. URL consultato il 25 febbraio 2018.

[5] Atari, Production Numbers (PDF), 1999. URL consultato il 25 febbraio 2018.

[6] (EN) Vector graphics | computer science, in Encyclopedia Britannica. URL consultato il 25 febbraio 2018.

[:2-7] (IT) Marisa Addomine e Daniele Pons, Informatica. Per le Scuole superiori. Con DVD-ROM. Con espansione online, Zanichelli, 1º gennaio 2012, ISBN 9788808303745. URL consultato il 25 febbraio 2018.

[8] (IT) Massimo Bergamini, Graziella Barozzi e Anna Trifone, Matematica.blu. Per le Scuole superiori. Con e-book. Con espansione online: 1, 2ª ed., Zanichelli, 25 gennaio 2016, ISBN 9788808220851. URL consultato il 25 febbraio 2018.

[9] (IT) AA.VV., Tutto Fisica, 5ª ed., De Agostini, 13 giugno 2017, ISBN 9788851150488. URL consultato il 26 febbraio 2018.

[:4-10] Walter Maraschini e Mauro Palma, Enciclopedia della Matematica, in Le Garzantine, M-Z, Edizione speciale per il Corriere della Sera, Garzanti, 2014.

[:1-11] (IT) Primo Zingaretti, Fondamenti di computer graphics, Pitagora, 1º luglio 2004, ISBN 9788837114862. URL consultato il 25 febbraio 2018.

[12] (IT) Marisa Addomine e Daniele Pons, Informatica. Per le Scuole superiori. Con DVD-ROM. Con espansione online, Zanichelli, 1º gennaio 2012, ISBN 9788808303745. URL consultato il 25 febbraio 2018.
«Per ruotare una forma qualunque, possiamo definire un vettore, contenente le coordinate del centro di rotazione e l'angolo che vogliamo applicare.».

[:3-13] (EN) Steve Marschner e Peter Shirley, Fundamentals of Computer Graphics, Fourth Edition, 4ª ed., A K Peters/CRC Press, 15 dicembre 2015, ISBN 9781482229394. URL consultato il 25 febbraio 2018.

[14] Raster (Bitmap) vs Vector, su vector-conversions.com. URL consultato il 25 febbraio 2018.

[15] (EN) David Thomas, Kyle Orland, Scott Steinberg, The videogame style guide and reference manual (PDF), Power Play Publishing, 2007, p. 64, ISBN 978-1-4303-1305-2.

V · D · M Software di grafica vettoriale
Open source	Inkscape · Karbon · Xfig · SVG-edit
Proprietari	Macromedia FreeHand · Adobe Illustrator · Adobe Fireworks · CorelDRAW

搜尋此網誌