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.
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.