Pixel vs. vettoriale — la differenza tecnica La stessa immagine. Una matematica completamente diversa.
La grafica in pixel (raster) memorizza un’immagine come una griglia di quadrati colorati — ogni pixel è una tupla di valori (x, y, colore), fissata alla risoluzione della sorgente. La grafica vettoriale memorizza un’immagine come matematica — tracciati, punti, curve, riempimenti — ricalcolata a qualsiasi dimensione di output. I pixel eccellono nel dettaglio fotografico e nelle acquisizioni senza perdita di soggetti reali; i vettori eccellono in loghi, icone e tracciati di taglio di produzione che devono scalare.
Come la grafica in pixel memorizza un’immagine
Un’immagine in pixel è letteralmente una griglia. Un’immagine di 1920×1080 memorizza 2.073.600 pixel individuali, ciascuno con un valore di colore (di solito 24 bit — 8 bit ciascuno per rosso, verde e blu) più 8 bit opzionali di alfa. L’immagine «è» i dati dei pixel.
Bloccato con un logo raster? Scopri dove la tracciatura automatica si blocca — gratis.
Caricalo nel nostro tracciatore nel browser, poi lascia che una persona lo ricostruisca come un vettore pulito e scalabile. Pronto per la produzione in 24 ore.
Need something custom? Email hello@vectorwiz.com
La compressione (PNG, JPG, WebP) riduce l’ingombro su disco ma non cambia il modello sottostante: quando apri il file, ottieni comunque una griglia di 1920×1080 valori di pixel con cui lavorare. L’immagine ha una risoluzione fissa impressa al momento dell’acquisizione o della creazione.
Come la grafica vettoriale memorizza un’immagine
Un’immagine vettoriale è una sequenza di istruzioni di disegno. Un logo potrebbe essere: «parti da (10, 10), traccia una curva di Bézier fino a (50, 80) con i punti di controllo (20, 30) e (40, 70), riempi la regione risultante con l’esadecimale #00B74A».
Il file memorizza le istruzioni, non l’immagine. Quando lo apri, il motore di rendering (browser, plotter, CNC) percorre l’elenco di istruzioni e disegna il risultato alla dimensione di output che richiedi. Le istruzioni non cambiano; il rendering sì.
La matematica del ridimensionamento
Prendi un logo in pixel di 200×200 e chiedi al browser di visualizzarlo a 2000×2000. Ci sono 4.000.000 di pixel da disegnare ma solo 40.000 nella sorgente. Il browser deve inventare gli altri 3.960.000 tramite interpolazione — di solito bilineare o bicubica —, il che produce bordi sfocati. La densità reale di informazione dell’immagine a 2000×2000 resta 200×200; l’hai solo stirata.
Prendi lo stesso logo come vettoriale e renderizzalo a 2000×2000. La matematica viene ricalcolata alla nuova risoluzione: ogni segmento di curva è valutato per adattarsi esattamente alla griglia di 2000×2000. I bordi restano nitidi perché il motore usa l’intera risoluzione di output da zero.
| Dimensione di output | Sorgente in pixel (200×200) | Sorgente vettoriale |
|---|---|---|
| 100×100 | Nitida (sottocampionata) | Nitida |
| 200×200 | Nitida (1:1) | Nitida |
| 400×400 | Bordi leggermente sfocati | Nitida |
| 800×800 | Visibilmente sfocata | Nitida |
| 2000×2000 | Molto sfocata / a blocchi | Nitida |
| 10.000×10.000 | Di fatto distrutta | Nitida |
Compromessi tra dimensione del file e calcolo
I formati in pixel e vettoriali barattano spazio contro tempo. I pixel sono economici da renderizzare (basta riversare la griglia sullo schermo) ma costosi da memorizzare ad alte risoluzioni. I vettori sono economici da memorizzare ma richiedono calcolo al momento del rendering.
| Immagine | Dimensione in pixel (PNG) | Dimensione vettoriale (SVG) | Quale vince |
|---|---|---|---|
| Logo semplice (100 tracciati) | 200 KB a 2000×2000 | 5 KB | Vettoriale (40× più piccolo) |
| Set di icone (24 icone) | 2 MB totali a 256×256 | 30 KB totali | Vettoriale (60× più piccolo) |
| Foto di un tramonto | 2 MB a 1920×1080 | 50 MB se vettorizzata | Pixel (25× più piccolo) |
| Ritratto pittorico | 8 MB a 4000×4000 | Più grande e di qualità peggiore | Pixel |
| Mockup di UI con testo | 1,5 MB a 1920×1080 | 200 KB come SVG | Vettoriale |
| Foto stampata in mezzitoni | 5 MB a 4000×4000 | Il vettoriale conserva male la grana | Pixel |
Bloccato con un logo raster? Scopri dove la tracciatura automatica si blocca — gratis.
Caricalo nel nostro tracciatore nel browser, poi lascia che una persona lo ricostruisca come un vettore pulito e scalabile. Pronto per la produzione in 24 ore.
Need something custom? Email hello@vectorwiz.com
DPI, risoluzione e perché il vettoriale ignora entrambi
Il DPI (punti per pollice) è un concetto del formato in pixel. Descrive quanti pixel per pollice di output il file deve occupare. Un’immagine di 1200×1200 a 300 DPI stampa a 4×4 pollici; a 72 DPI stampa a circa 16,7×16,7 pollici ma appare pixelata in stampa perché ci sono solo 72 pixel di dettaglio per pollice.
I file vettoriali non hanno DPI: la matematica viene renderizzata alla densità di pixel richiesta dal dispositivo di output. Un logo vettoriale stampa a 300 DPI con la stessa pulizia che a 72 DPI o che a 4800 DPI (stampa offset). Il confine pixel-vs-vettoriale è anche un confine DPI-vs-indipendenza dalla risoluzione.
Anti-aliasing — il compromesso visibile
Quando un vettoriale viene renderizzato a una bassa risoluzione di output, le curve vengono campionate su una griglia di pixel grossolana. Il motore usa l’anti-aliasing — pixel parzialmente trasparenti lungo i bordi — per far apparire la curva liscia. A risoluzioni di output più elevate, l’impronta dell’anti-aliasing si riduce e il bordo appare più nitido.
Le immagini in pixel hanno già l’anti-aliasing «cotto dentro» alla risoluzione della sorgente. Quando le ingrandisci, i pixel di anti-aliasing cotti crescono in proporzione e diventano visibili come bordi sfumati. Non c’è modo di aggiungere altro anti-aliasing a un’immagine in pixel senza ridisegnarla: la risoluzione della sorgente è un tetto invalicabile.
Quando vince ciascuno — per tipo di contenuto
- Contenuto fotografico
- Sempre pixel. Il vettoriale non può rappresentare i milioni di sottili variazioni di tono che una fotocamera cattura. Anche i vettorizzatori con IA producono interpretazioni stilizzate, non una riproduzione fotografica fedele.
- Loghi e marchi
- Sempre vettoriale. Devono scalare dalla favicon al cartellone senza rifacimenti.
- Icone e grafica di UI
- Vettoriale. I set di icone SVG si renderizzano nitidi a ogni DPI dello schermo; le icone in pixel richiedono più varianti di risoluzione (1×, 2×, 3×).
- Tracciati di taglio di produzione (vinile, CNC, laser)
- Vettoriale. Lo strumento di taglio ha bisogno della geometria del tracciato, non dei dati dei pixel.
- Sorgente per la digitalizzazione del ricamo
- Vettoriale. La geometria adatta al punto nasce da tracciati vettoriali puliti.
- Screenshot e acquisizioni dello schermo
- Pixel. La sorgente è nativa in pixel (il tuo schermo).
- Mix di foto + testo (annunci di riviste, poster)
- Entrambi. Pixel per la foto, vettoriale per il testo e gli elementi grafici. Combinati in un PDF/X-4 per la stampa o in un PSD/AI a livelli per l’editing.
Domande frequenti
Una foto digitale è in pixel o vettoriale?
In pixel (raster). Tutte le fotocamere digitali catturano la luce su un sensore di pixel, quindi ogni foto digitale è, in sostanza, un’immagine in pixel. Salvata come JPG, PNG, HEIC o RAW, sono tutti formati in pixel. Puoi convertire una foto in vettoriale con strumenti di IA, ma il risultato è un’interpretazione stilizzata, non una copia fedele.
Perché i computer non usano la grafica vettoriale per tutto?
Per il costo di calcolo. Renderizzare il vettoriale è più oneroso in termini di calcolo rispetto al riversare pixel: la GPU deve valutare la matematica delle curve alla risoluzione di output. Per i contenuti fotografici, la rappresentazione vettoriale fa anche lievitare la dimensione del file e perde qualità, quindi il pixel vince su entrambi i fronti. Il vettoriale vince sui contenuti ricchi di forme (loghi, icone, illustrazioni); il pixel vince sui contenuti ricchi di toni (foto, arte pittorica).
Quanto deve essere grande un’immagine in pixel per stampare in grande formato?
La qualità di stampa standard è di 300 DPI. Un poster di 24×36 pollici a 300 DPI richiede una sorgente di 7200×10800 — circa 78 megapixel non compressi. La maggior parte delle fotocamere consumer arriva al massimo intorno ai 24–48 megapixel, il che comporta un upscaling per le stampe grandi. Una sorgente vettoriale aggira del tutto questo problema.
Posso distinguere pixel da vettoriale guardando l’estensione del file?
Quasi sempre — ma il PDF è la famosa eccezione. JPG, PNG, WebP, GIF, TIFF, HEIC, PSD sono sempre in pixel. SVG, AI, EPS, DXF sono sempre vettoriali. Il PDF può essere l’uno o l’altro. CDR (CorelDRAW) è vettoriale. Il test affidabile è aprire il file in Illustrator o Inkscape e vedere se i singoli elementi sono selezionabili come tracciati.
SVG e vettoriale sono sinonimi?
Non proprio. SVG (Scalable Vector Graphics) è uno specifico formato di file vettoriale — lo standard web del W3C. La grafica vettoriale è il concetto più ampio di rappresentare le immagini in modo matematico, implementato in molti formati (SVG, AI, EPS, PDF, DXF ecc.). Ogni SVG è vettoriale; non ogni formato vettoriale è un SVG.
I file vettoriali hanno una risoluzione?
No — ed è proprio questo il punto. Un file vettoriale descrive le forme in modo matematico senza vincolarsi a una griglia di pixel. La risoluzione viene decisa al momento del rendering dal dispositivo o dal contesto di output che disegna il file. Un logo vettoriale può essere renderizzato a 100×100 o a 100.000×100.000 dalla stessa sorgente.
Cos’è il «Bézier» di «curva di Bézier»?
Pierre Bézier era un ingegnere francese della Renault che pubblicò la matematica delle curve nel 1962 per la progettazione delle carrozzerie. Paul de Casteljau derivò una matematica equivalente alla Citroën nel 1959, ma la Renault pubblicò per prima, da qui il nome. Ogni editor vettoriale moderno (Illustrator, Inkscape, Figma) usa curve di Bézier sotto il cofano. La maggior parte degli utenti non deve mai pensare alla matematica, ma il termine compare nei suggerimenti degli strumenti.
Se prendo un logo vettoriale e lo salvo come PNG, ho ancora un vettoriale?
No. Il PNG è un formato in pixel: salvare un vettoriale come PNG lo rasterizza a una risoluzione fissa e perde la matematica originale. La sorgente vettoriale esiste ancora nel tuo file AI/SVG, ma l’esportazione in PNG è un’istantanea a quella risoluzione. Conserva entrambi: il vettoriale per l’editing e per qualsiasi ridimensionamento futuro, il pixel per lo scopo di visualizzazione immediato.
Naimur Rahman
Designer vettoriale senior in VectorWiz. Ridisegna a mano la grafica dei clienti ogni giorno per produzione di insegne, serigrafia, ricamo e CNC.
Articoli correlati
Disegnato a mano. Pensato per la produzione.
Prezzo immediato, nessun vincolo. Vettori pronti per la produzione nella tua casella in 24 ore.