La stessa immagine. Una matematica completamente diversa.

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.

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.

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.

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.