> [Site index](https://perfectvector.com/llms.txt) — available pages and descriptions.

# Perché l'SVG appare pixelato e come correggerlo

> Anche un vero SVG può mostrare pixel: un'immagine incorporata, un visualizzatore che rasterizza o icone piccole poco nitide. Ecco la diagnosi rapida e ogni soluzione.

Source: https://perfectvector.com/it/blog/svg-looks-pixelated

Language: it
Author: Jay Lee
Published: 2026-08-09T08:00:00+09:00
Updated: 2026-09-11T08:00:00+09:00

Un SVG dovrebbe scalarsi in modo pulito, quindi quando mostra comunque bordi a blocchi, parti da tre cause comuni. Il file potrebbe contenere veri pixel, un'app potrebbe rasterizzare anteprima o importazione oppure un vero vettore potrebbe semplicemente apparire morbido su una griglia di pixel minuscola. Ogni causa ha una soluzione diversa, e una breve diagnosi rivela quale stai osservando. Questo articolo *non* riguarda un logo PNG o JPG che si pixela quando viene ingrandito. Quel file non è mai stato SVG e [quel problema ha una soluzione propria](https://perfectvector.com/it/blog/pixelated-logo).

> **La diagnosi in 30 secondi**
>
> * **Ingrandisci molto (500% o più) in due visualizzatori.** Blocchi in ogni visualizzatore indicano contenuto raster. Se soltanto un'app appare a blocchi, probabilmente sta rasterizzando l'anteprima.
> * **Apri l'SVG in un editor di testo.** Un tag `<image>` con un lungo blocco `data:image/png;base64,…` significa che il tuo «vettore» è un bitmap mascherato.
> * **Usa il controllo del file per decidere.** Lo zoom solleva il sospetto; un elemento `<image>` o un oggetto immagine rettangolare conferma i pixel incorporati.

## Causa 1: ci sono pixel dentro l'SVG

È la trappola dell'immagine incorporata. SVG è un formato contenitore e [la specifica SVG 2 permette a un elemento `<image>` di incorporare o referenziare contenuti raster](https://www.w3.org/TR/SVG2/embedded.html). Se devi distinguere un PNG collegato da dati incorporati o da un SVG annidato, usa la [verifica degli SVG misti](https://perfectvector.com/it/blog/svg-contains-raster-image). Gli strumenti possono usare questa capacità in diversi modi:

* **False conversioni.** Alcuni strumenti «da PNG a SVG» non ricalcano nulla. Racchiudono il bitmap in un tag `<image>` e lo restituiscono con estensione .svg. Si scala male esattamente come il PNG originale, perché *è* il PNG originale.
* **Esportazioni che rasterizzano le parti difficili.** Le app di progettazione esportano come tracciati ciò che possono e rasterizzano senza evidenziarlo ciò che non possono: ombre esterne, sfocature, reticoli sfumati, riempimenti immagine. Così un logo rimane nitido ovunque tranne in una curva o un effetto, proprio il mistero del «parzialmente pixelato» che riempie i forum di design.
* **Contenuti fotografici.** Una fotografia non può diventare tracciati puliti, quindi gli strumenti che «convertono» foto in SVG spesso le incorporano oppure producono [un'approssimazione posterizzata](https://perfectvector.com/it/blog/convert-photo-to-svg). Gli strumenti di mappe lo fanno persino deliberatamente per i livelli di ombreggiatura, ed è legittimo perché le sfumature sono per natura a toni continui.
* **Involucri di formato.** Un file può trasportare dati vettoriali che un'app legge e un'altra no. Quando un'app incontra dati che non comprende, ripiega sull'anteprima raster incorporata, e vedi pixel in un programma mentre un altro mostra vettori puliti.

**Come confermarlo:** apri il .svg in un editor di testo e cerca `<image`. Un blocco base64 è il responsabile. In Inkscape o Illustrator, fai clic sulla regione sfocata: se la selezione è un unico oggetto «immagine» rettangolare anziché tracciati, la risposta è la stessa. È lo stesso controllo che scopre [falsi SVG da strumenti IA ed esportatori](https://perfectvector.com/it/blog/ai-svg-generator-vs-vectorizer) e richiede meno di un minuto.

**La soluzione:** i pixel devono diventare tracciati, il che significa vettorizzare davvero il contenuto raster. Passa l'immagine originale, o quella incorporata, a [una vera conversione da immagine a vettore](https://perfectvector.com/it/image-to-vector) e sostituisci l'elemento `<image>` con il risultato ricalcato. Se il contenuto incorporato è una fotografia, la vettorizzazione ha limiti propri; a volte la soluzione corretta è accettare un raster dove è appropriato.

**L'indizio nel file stesso**

![File SVG aperto in un editor di testo, con un tag image e un lungo blocco di dati base64 anziché elementi di tracciato vettoriale](https://perfectvector.com/blog/svg-looks-pixelated/embedded-image-code.webp)

*Un vero vettore è composto da elementi di tracciato. Un tag image con un blocco base64 è un bitmap con estensione .svg.*

## Causa 2: il file è corretto, il visualizzatore rasterizza

Se un browser o Inkscape mostra tracciati nitidi mentre un'app appare a blocchi, smetti di modificare il file. Il problema è la procedura di importazione o anteprima di quell'app:

* **Alcune procedure di importazione delle app** rasterizzano l'SVG alle dimensioni di importazione o anteprima. Se poi ingrandisci quell'immagine memorizzata, stai scalando un bitmap. La soluzione nell'app è importare o renderizzare alla risoluzione prevista.
* **After Effects** può rasterizzare continuamente i livelli vettoriali mentre il livello viene trasformato; Adobe documenta l'[interruttore Continuously Rasterize per livelli vettoriali](https://helpx.adobe.com/after-effects/desktop/work-with-layers/manage-layers/layers.html). Se soltanto l'anteprima della composizione appare irregolare, controlla risoluzione dell'anteprima e interruttore del livello prima di cambiare l'SVG.
* **Illustrator** può mostrare deliberatamente il disegno attraverso [Pixel Preview](https://helpx.adobe.com/illustrator/using/viewing-artwork.html). Disattiva **View > Pixel Preview** prima di concludere che il tracciato stesso sia pixelato.
* **Miniature e anteprime.** Miniature del gestore file e anteprime rapide sono rasterizzazioni a bassa risoluzione. Non dicono nulla sul file.

La prova generale: apri lo stesso file in un browser o Inkscape. Se lì è nitido, l'SVG è corretto e la soluzione sta nelle impostazioni di importazione o anteprima dell'altra app.

Per risorse di giochi, controlla la [procedura di importazione e rasterizzazione SVG di Godot](https://perfectvector.com/it/blog/godot-svg-import) oppure la [procedura di importazione SVG di Unity per editor e sistema UI](https://perfectvector.com/it/blog/unity-svg-import) prima di presumere che la sorgente sia priva di tracciati vettoriali.

## Causa 3: un vero vettore poco nitido a piccole dimensioni

Le icone vivono a 16–24 pixel, e a quelle dimensioni una curva matematicamente perfetta deve cadere su una griglia di pixel grossolana. L'antialiasing rende grigi alcuni pixel lungo i bordi, e il risultato appare «leggermente sfocato», soprattutto con tratti fini e posizioni a mezzo pixel. Ingrandendo si vedono bordi vettoriali perfettamente nitidi: così sai che non è la trappola dell'immagine incorporata.

Le soluzioni riguardano il design: allinea bordi orizzontali e verticali a pixel interi alle dimensioni previste, mantieni gli spessori dei tratti su valori di pixel interi e preferisci insiemi di icone disegnati per le dimensioni che usi. Dati di tracciato estremamente precisi esportati da strumenti di design possono peggiorare la morbidezza a dimensioni minuscole; i tracciati semplificati vengono renderizzati in modo più prevedibile.

## Cause e soluzioni a colpo d'occhio

| Che cosa vedi                                                      | Causa                                                     | Soluzione                                                                  |
| ------------------------------------------------------------------ | --------------------------------------------------------- | -------------------------------------------------------------------------- |
| Blocchi in ogni visualizzatore, con un elemento `<image>` nel file | Immagine raster incorporata nell'SVG                      | Vettorizzare davvero il contenuto e sostituire `<image>`                   |
| Nitido in una curva, pixelato in un'altra                          | Esportazione che ha rasterizzato un effetto o riempimento | Ricostruire quell'elemento come tracciati o vettorizzare l'intera grafica  |
| Nitido nel browser, pixelato in un'app                             | L'app rasterizza durante importazione o anteprima         | Correggere le impostazioni di importazione/anteprima dell'app, non il file |
| Nitido al 100%, sfocato come icona piccola                         | Sfocatura dovuta alla griglia di pixel su un vero vettore | Allineare bordi e tratti ai pixel alle dimensioni previste                 |
| «Pixelato» soltanto nella miniatura                                | Rasterizzazione dell'anteprima a bassa risoluzione        | Ignorarla e controllare il rendering reale                                 |

## Come evitare pixel negli SVG

La prevenzione riguarda soprattutto il momento della conversione o esportazione. Prima di affidarti a un SVG, esegui una volta il controllo nell'editor di testo: elementi `<path>`, bene; blocchi `<image>`, non è un vettore. Quando converti un'immagine, usa un convertitore che ricalchi anziché racchiudere e conferma il risultato selezionando singole forme. Quando esporti da uno strumento di design, appiattisci o espandi prima gli effetti in tracciati, perché ciò che l'esportatore non può esprimere come vettori verrà consegnato come pixel. E ricorda [che cosa sia davvero un SVG](https://perfectvector.com/it/blog/what-is-an-svg-file): l'estensione è una promessa sul formato, non sui contenuti.

## Come funziona con PerfectVector

PerfectVector evita questa trappola: ricalca l'immagine in tracciati autentici, non la racchiude mai. Carica un PNG o JPG e il risultato sono forme da selezionare, ricolorare e ingrandire senza limiti, con ogni colore come oggetto modificabile indipendente e nessun elemento `<image>` nel file. Se hai appena scoperto che il tuo «SVG» era un bitmap mascherato, [converti correttamente l'immagine originale](https://perfectvector.com/it/image-to-vector) ed esegui lo stesso controllo nell'editor di testo sull'output. Vedere la differenza una volta è il modo più rapido per non cadere più nella trappola. Le prime conversioni sono gratuite, senza carta di credito.

**Immagine incorporata, ingrandita**

![Logo dentro un file SVG molto ingrandito, con pixel a blocchi perché il file contiene un bitmap incorporato](https://perfectvector.com/blog/svg-looks-pixelated/fake-svg-zoomed.webp)

*Pixel mascherati: lo zoom rivela il bitmap nascosto nel file .svg.*

**Vero vettore, ingrandito**

![Lo stesso logo come SVG realmente vettorizzato allo stesso ingrandimento, con bordi dei tracciati perfettamente nitidi](https://perfectvector.com/blog/svg-looks-pixelated/true-svg-zoomed.webp)

*Lo stesso logo davvero ricalcato in tracciati: nitido a ogni zoom, i bordi rimangono matematici.*

## FAQ

**Perché l'SVG appare pixelato quando ingrandisco?**
Il solo zoom non dimostra che l'SVG contenga pixel, perché alcune app rasterizzano le anteprime. Apri il file in un browser o Inkscape, poi cerca un elemento `<image>` nel sorgente oppure seleziona l'area sfocata e controlla se è un oggetto immagine rettangolare. Se questi controlli confermano contenuto raster incorporato, vettorizzalo e sostituisci l'elemento immagine.

**Come capisco se l'SVG ha un'immagine incorporata?**
Aprilo in un editor di testo e cerca `<image`. Una lunga stringa data:image/png;base64 è un bitmap incorporato nel file. Puoi anche fare clic sull'area sfocata in Inkscape o Illustrator: se viene selezionata come unico oggetto immagine rettangolare anziché come tracciati, è incorporata.

**Perché l'SVG è pixelato in un'app ma corretto nel browser?**
L'app lo rasterizza. I motori di gioco rasterizzano SVG alle dimensioni di importazione, le anteprime di After Effects alla risoluzione della composizione e alcune app renderizzano immagini incorporate con interpolazione a blocchi per impostazione predefinita. Se un browser o Inkscape lo mostra nitido, il file è corretto; regola le impostazioni dell'app.

**Posso correggere un SVG che contiene un'immagine incorporata?**
Sì. Prendi il raster originale, o estrai quello incorporato, e passalo a un vero vettorizzatore, poi usa il risultato ricalcato al posto dell'elemento immagine. Se il contenuto incorporato è una foto, aspettati un'approssimazione vettoriale stilizzata anziché una copia fedele, perché le foto non si riducono a tracciati puliti.

**Perché le icone SVG sembrano sfocate a piccole dimensioni?**
Di solito è la sfocatura dovuta alla griglia di pixel, non un'immagine incorporata. A 16–24 pixel, l'antialiasing trasforma bordi disallineati in pixel grigi. Allinea bordi e spessori dei tratti a pixel interi alle dimensioni previste e le icone diventano più nitide. Ingrandisci per confermare che i tracciati stessi siano nitidi.

**Convertire un PNG in SVG produce sempre veri vettori?**
No. Alcuni strumenti ricalcano davvero l'immagine in tracciati, altri racchiudono soltanto il PNG in un contenitore SVG. L'output si scala bene soltanto nel primo caso. Cerca tag immagine in ogni file convertito e preferisci un convertitore che mostri forme modificabili nel risultato.

## Fonti

1. [W3C: contenuti incorporati SVG 2](https://www.w3.org/TR/SVG2/embedded.html) — Definisce l'elemento SVG `<image>` e il contenuto raster dentro un documento SVG.
2. [Adobe Illustrator: visualizzare disegni](https://helpx.adobe.com/illustrator/using/viewing-artwork.html) — Documenta Pixel Preview e altre modalità di visualizzazione.
3. [Adobe After Effects: livelli](https://helpx.adobe.com/after-effects/desktop/work-with-layers/manage-layers/layers.html) — Documenta l'interruttore Continuously Rasterize per livelli vettoriali.
4. [Adobe Illustrator: creare disegni allineati alla griglia di pixel](https://helpx.adobe.com/in_hi/illustrator/how-to/pixel-perfect.html) — Spiega l'allineamento alla griglia di pixel per disegni piccoli.

***

Hai dubbi su un file con cui lavori? Esegui la prova dello zoom, poi [converti l'immagine originale in un vero SVG basato su tracciati](https://perfectvector.com/it/image-to-vector) e confronta. I pixel si nascondono; i tracciati no.

## Explore

- [Read the HTML article](https://perfectvector.com/it/blog/svg-looks-pixelated)
- [Importare SVG in PixiJS: Graphics o una texture](https://perfectvector.com/it/blog/pixijs-svg-import.md)
- [Immagini SVG con fpdf2: tracciati nel PDF Python](https://perfectvector.com/it/blog/fpdf2-svg-image.md)
- [Product facts](https://perfectvector.com/product-facts.md)
- [FAQ](https://perfectvector.com/faq.md)
- [Pricing and credits](https://perfectvector.com/pricing.md)