12.12.2012 Views

4 Creare contenuti per il web - Andrea Giachetti

4 Creare contenuti per il web - Andrea Giachetti

4 Creare contenuti per il web - Andrea Giachetti

SHOW MORE
SHOW LESS

Create successful ePaper yourself

Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.

108<br />

di questa rappresentazione sta nel fatto che se<br />

si decide di ingrandire o ridurre le<br />

dimensioni della rappresentazione, <strong>il</strong><br />

dettaglio dei contorni sarà sempre <strong>il</strong> massimo<br />

possib<strong>il</strong>e data la risoluzione della finestra di<br />

visualizzazione e non dipenderà invece dal<br />

f<strong>il</strong>e come nel caso delle immagini bitmap. Le<br />

immagini vettoriali date le loro<br />

caratteristiche, sono molto indicate <strong>per</strong><br />

codificare disegni, schemi, testo, mentre non<br />

sono molto indicate <strong>per</strong> codificare fotografie<br />

in cui vi sono molte variazioni locali di<br />

sfumatura senza contorni ben definiti.<br />

I formati di descrizione dei documenti<br />

ut<strong>il</strong>izzati <strong>per</strong> la stampa (es. pdf, postscript)<br />

codificano generalmente la grafica ed <strong>il</strong> testo proprio in questo modo in modo da poter sfruttare<br />

la maggiore risoluzione che si ha su carta rispetto allo schermo.<br />

Anche i formati proprietari che <strong>per</strong>mettono di codificare disegni animati, ad esempio Adobe<br />

Flash, gestiscono grafica vettoriale. Il W3C ha definito <strong>per</strong> <strong>il</strong> <strong>web</strong> un formato standard a<strong>per</strong>to<br />

(cioè accessib<strong>il</strong>e ed ut<strong>il</strong>izzab<strong>il</strong>e da tutti) <strong>per</strong> le immagini vettoriali detto Scalable Vector<br />

Graphics (SVG). Derivato dall'XML, è un linguaggio che descrive le figure bidimensionali<br />

statiche e animate attraverso un codice testuale che <strong>per</strong>mette di definire tre tipi di oggetti<br />

grafici: forme geometriche, cioè linee costituite da segmenti di retta e curve e aree delimitate da<br />

linee chiuse; immagini raster (cioè si può includere un'immagine di tipo bitmap all'interno del<br />

disegno) e testi esplicativi, eventualmente cliccab<strong>il</strong>i.<br />

5.4 Elaborazione delle immagini<br />

Figura 52: Differenza tra grafica bitmap e grafica<br />

vettoriale: se quando l'immagine è piccola la<br />

rappresentazione è uguale, dopo l'ingrandimento la<br />

prima (a sinistra) presenta la caratteristica<br />

quadrettatura, la seconda ha un contorno definito<br />

finemente.<br />

Una delle o<strong>per</strong>azioni che anche i non addetti ai lavoro effettuano spesso sulle immagini digitali<br />

è la loro elaborazione, cioè la modifica delle stesse ai fini di creare nuove immagini più adatte<br />

alla stampa o all'ut<strong>il</strong>izzo nei vari tipi di documento multimediale.<br />

Le immagini digitali che ut<strong>il</strong>izziamo, sono in genere create da dispositivi come fotocamere,<br />

<strong>web</strong>cam, telefonini oppure scaricate dai numerosi siti <strong>web</strong> che contengono archivi di vario tipo.<br />

Esse, <strong>per</strong>ò, non sono in genere adatte ad essere inserite direttamente nelle nostre pagine <strong>web</strong>, o<br />

nei documenti creati coi word processor, in quanto devono essere in genere adattate, ritagliate,<br />

migliorate nel contrasto e, <strong>per</strong> quanto riguarda <strong>il</strong> <strong>web</strong>, dovrebbe essere <strong>il</strong> più possib<strong>il</strong>e ridotta la<br />

loro occupazione di memoria <strong>per</strong> fac<strong>il</strong>itarne <strong>il</strong> trasferimento.<br />

Esistono come vedremo molti programmi anche gratuiti <strong>per</strong> la creazione ed elaborazione di<br />

immagini ed <strong>il</strong> cosiddetto “fotoritocco”, ma, <strong>per</strong> poterne usufruire in maniera ottimale, è ut<strong>il</strong>e<br />

avere un po' di informazioni di base su cosa si intenda <strong>per</strong> “elaborazione delle immagini<br />

digitali” e quali siano le problematiche di questa disciplina.<br />

L'elaborazione di immagini bitmap trasforma la matrice originale dei pixel in un'altra, più adatta<br />

alla visualizzazione dell'informazione ut<strong>il</strong>e o semplicemente più gradevole.<br />

Se escludiamo <strong>il</strong> ritocco manuale mediante disegno, le tipiche o<strong>per</strong>azioni di modifica delle<br />

immagini che ci interessano sono sostanzialmente di tre tipi:

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!