Esistono in­nu­me­re­vo­li formati d’immagine digitali, così come piat­ta­for­me dif­fe­ren­ti che ri­chie­do­no tipi di formati diversi. Le immagini vet­to­ria­li sono spesso usate per logotipi e diagrammi poiché questi devono poter essere di­spo­ni­bi­li in diverse di­men­sio­ni. A dif­fe­ren­za delle immagini raster, chiamate anche bitmap, le immagini vet­to­ria­li possono essere ri­di­men­sio­na­te senza incorrere in una perdita di qualità. Pro­se­gui­te nella lettura dell’articolo per scoprire cosa sono le immagini vet­to­ria­li, quando sono uti­liz­za­te e quali sono i formati più comuni.

Acquista e registra il tuo dominio con il provider n°1 in Europa
  • Domain Connect gratuito per una con­fi­gu­ra­zio­ne facile del DNS
  • Cer­ti­fi­ca­to SSL Wildcard gratuito
  • Pro­te­zio­ne privacy inclusa

Immagini vet­to­ria­li vs immagini raster

Per poter stampare un’immagine o mostrarla su uno schermo, è ne­ces­sa­rio scomporla in pixel. Il risultato è un’immagine raster. Nel momento in cui si scatta una foto con una fo­to­ca­me­ra digitale, ad esempio, si crea un’immagine raster con milioni di singoli pixel. Guardando un’immagine stampata su un giornale con una lente d’in­gran­di­men­to vi sarà possibile in­di­vi­dua­re i singoli punti. La stessa cosa accade quando si in­gran­di­sce troppo una foto digitale, i pixel saranno ben visibili.

Una con­se­guen­za del costruire un’immagine con dei pixel è che i singoli punti diventano visibili quando si in­gran­di­sce l’immagine stessa. La scom­po­si­zio­ne in pixel è par­ti­co­lar­men­te visibile sui bordi delle immagini, il che fa apparire l’immagine di­sor­di­na­ta e poco pro­fes­sio­na­le. Inoltre, le immagini raster occupano molto spazio nella memoria.

Per evitare questi problemi, si usa un formato vet­to­ria­le per certi tipi di immagine. Ad esempio, loghi e mappe sono spesso creati come immagini vet­to­ria­li. Il vantaggio prin­ci­pa­le di questo formato è che si può fa­cil­men­te in­gran­di­re e ridurre la di­men­sio­ne dell’immagine senza rischiare di perdere qualità.

Consiglio

Volete ap­pro­fon­di­re le dif­fe­ren­ze tra immagini raster e vet­to­ria­li? La nostra guida mette a confronto i due formati e vi informa su tutto ciò che è ne­ces­sa­rio sapere.

Ap­pro­fon­di­men­to: come fun­zio­na­no le immagini vet­to­ria­li?

Le immagini vet­to­ria­li sono tra i formati grafici più datati nell’ela­bo­ra­zio­ne elet­tro­ni­ca dei dati. Il formato è nato come base per il Computer Aided Design (CAD). Le immagini vet­to­ria­li mostrano una data forma usando formule ma­te­ma­ti­che (vettori), che sono poi salvate in un file vet­to­ria­le.

Un vettore è pa­ra­go­na­bi­le a una freccia: ha un’origine, una direzione e una lunghezza. La coda della freccia si trova all’origine di un grafico di coor­di­na­te, mentre la punta della freccia indica un punto che è definito in base alla lunghezza e all’angolo del vettore. Nel creare un cerchio rosso, per esempio, la punta della freccia servirà come centro; il raggio del cerchio viene poi definito e ruotato di 360 gradi. A ciò si ag­giun­go­no poi i dettagli sul colore. Tutte queste in­for­ma­zio­ni sono riassunte nel file vet­to­ria­le.

La co­stru­zio­ne di immagini vet­to­ria­li complesse richiede l’uso di diversi vettori, ognuno dei quali punta a diversi ri­fe­ri­men­ti nell’immagine e può includere in­for­ma­zio­ni sulle curve e sugli angoli delle linee.

Il percorso che compone il lato della forma risulta in un bordo liscio, in­di­pen­den­te­men­te da quanto si in­gran­di­sca l’immagine.

Pa­no­ra­mi­ca dei formati vet­to­ria­li più comuni

Nel corso degli anni si sono affermati diversi formati per i file vet­to­ria­li.

Formato vet­to­ria­le Ab­bre­via­zio­ne Area d’utilizzo Spie­ga­zio­ne
Adobe Il­lu­stra­tor AI Grafica per web e stampa Formato di scambio orientato ai vettori; salva le immagini vet­to­ria­li mo­di­fi­ca­te
Scalable Vector Graphics SVG Web Formato d’immagine scalabile; può essere usato per l’ani­ma­zio­ne e ma­ni­po­la­to con i CSS
En­cap­su­la­ted PostScript EPS Stampa Basato sul lin­guag­gio di pro­gram­ma­zio­ne PostScript
Portable Document Format PDF Stampa, web, ar­chi­via­zio­ne Standard globale per la con­di­vi­sio­ne di documenti elet­tro­ni­ci
Freehand Format FH Il­lu­stra­zio­ni con o senza colore Salva le il­lu­stra­zio­ni con colori e riem­pi­men­ti
Corel Draw Format CDR Creazione di immagine per stampa e web Formato immagine non compresso con ca­rat­te­ri­sti­che simili ad AI

Quando vengono uti­liz­za­te le immagini vet­to­ria­li?

Le immagini vet­to­ria­li sono richieste ogni volta che è ne­ces­sa­rio ri­di­men­sio­na­re un’immagine senza limiti. Per esempio, se create un logo dovrete poterlo uti­liz­za­re sul vostro sito web, fuori dal vostro ufficio, e pro­ba­bil­men­te su un grande car­tel­lo­ne pub­bli­ci­ta­rio. In questo caso, un’immagine vet­to­ria­le creata con Adobe Il­lu­stra­tor è la scelta migliore. Questo file vet­to­ria­le può essere esportato in numerosi altri formati che ser­vi­ran­no in seguito.

È im­por­tan­te tenere a mente che quando l’immagine viene vi­sua­liz­za­ta in formato stampa o su uno schermo, sarà mostrata come un’immagine raster. Anche il formato SVG più recente per la grafica web viene vi­sua­liz­za­to in questo modo su uno schermo. Tuttavia, le immagini in questo formato possono essere in­gran­di­te e rim­pic­cio­li­te senza provocare alcuna pi­xe­la­tu­ra del tipo mostrato sopra. Inoltre, le immagini vet­to­ria­li SVG possono essere create di­ret­ta­men­te nella sintassi HTML, ma­ni­po­la­te usando i CSS e possono anche essere animate.

Vantaggi delle immagini vet­to­ria­li

Con un’immagine vet­to­ria­le, è sempre possibile scalare le di­men­sio­ni di un’immagine per in­gran­dir­le o rim­pic­cio­lir­le a seconda delle proprie necessità. Cambiando la di­men­sio­ne di un’immagine, sono le in­for­ma­zio­ni sulle distanze che vengono cambiate piuttosto che i pixel. Lo stesso vale quando si sposta un’immagine. Nel caso in cui si lavori con un file vet­to­ria­le che è stato creato con Adobe Il­lu­stra­tor (.ai) o CorelDraw (.cdr), anche il file sorgente può essere mo­di­fi­ca­to.

Inoltre, le immagini vet­to­ria­li ri­chie­do­no meno memoria d’ar­chi­via­zio­ne rispetto alle immagini raster. Tuttavia, uno svan­tag­gio è dato dal fatto che anche la più grande immagine vet­to­ria­le deve alla fine essere vi­sua­liz­za­ta come un’immagine raster.

Vi è una varietà di software sul mercato per la creazione di immagini vet­to­ria­li, che spazia da soluzioni gratuite open source a software in ab­bo­na­men­to. Adobe Il­lu­stra­tor è usato fre­quen­te­men­te dai pro­fes­sio­ni­sti. Anche Adobe Photoshop fornisce opzioni per la creazione di immagini vet­to­ria­li. Un’al­ter­na­ti­va gratuita è Inkscape, com­pa­ti­bi­le con SVG, che offre un in­te­res­san­te set di funzioni.

Crea il tuo sito web
Scopri le nuovi funzioni IA di MyWebsite
  • Editor facile e intuitivo con supporto IA
  • Immagini e testi d'effetto in pochi secondi
  • Dominio, indirizzo e-mail e cer­ti­fi­ca­to SSL inclusi
Vai al menu prin­ci­pa­le