Convertire SVG in PNG

Non c’è un cursore della qualità, perché il PNG è senza perdita: non butta via nulla, qualunque sia l’impostazione. L’unica decisione che influisce sull’aspetto del risultato è la larghezza di uscita.

Dimensioni ragionevoli a seconda dell’uso:

• Favicon e piccole icone: da 32 a 256 px. Le dimensioni molto piccole richiedono spesso una versione disegnata apposta invece di una versione ridotta, perché i dettagli fini diventano poltiglia sotto i 32 px circa.
• Immagini web e loghi: da 512 a 1024 px. Circa il doppio della dimensione di visualizzazione, per restare nitidi sugli schermi ad alta densità.
• Presentazioni e documenti: da 1024 a 2048 px.
• Stampa: il più grande possibile. L’obiettivo abituale è di 300 pixel per pollice stampato (2,54 cm): un’immagine larga 15 cm richiede quindi circa 1800 px.

Controlla i caratteri. Se il tuo SVG fa riferimento a un carattere per nome invece di convertire il testo in tracciati, il motore di rendering deve sostituirlo con ciò che ha a disposizione, e il risultato può essere diverso da ciò che vedevi nel tuo software. Se il testo conta, convertilo in tracciati prima di esportare l’SVG: la maggior parte dei programmi di grafica ha un comando «Converti in tracciati» o «Oggetto in tracciato».

Se il PNG ottenuto è più pesante del previsto, la compressione PNG funziona particolarmente bene sulle immagini derivate da vettori, che di solito contengono pochi colori distinti. Convertire in WebP è di solito ancora meglio per il web.

Quando ti serve un PNG invece dell’SVG

• Una piattaforma rifiuta l’SVG. Molti social network, marketplace, client email e vecchi CMS accettano solo il PNG, spesso per i motivi di sicurezza descritti più sotto.
• Icone di app, favicon e schede degli store, che impongono quasi sempre dimensioni esatte in pixel.
• L’email. Il supporto dell’SVG nei client email è scarso e irregolare; il PNG passa ovunque.
• L’inserimento in un documento o in una presentazione, dove alcuni software mostrano l’SVG in modo imprevedibile, o non lo mostrano affatto.
• I flussi di stampa che si aspettano un file raster a una risoluzione nota.
• L’SVG usa caratteri o effetti che appaiono diversi altrove. La rasterizzazione fissa l’aspetto, perché tutti vedano la stessa cosa.

Quando tenere l’SVG

Per tutto ciò che sta su un sito che gestisci, l’SVG è di solito migliore: spesso è più leggero del PNG e resta nitido a tutte le densità di schermo senza che tu debba generare più dimensioni. Tutti i browser attuali mostrano l’SVG.

Converti quando ti serve un’immagine raster di dimensione fissa per un posto che non accetta il vettore.

Come gestiamo l’SVG in sicurezza

L’SVG è un caso a parte tra i formati immagine: è un documento strutturato, non un blocco di pixel, e un file malevolo può tentare cose di cui un JPG sarebbe incapace: leggere file sul server, fare richieste di rete in uscita o incorporare script.

Due cose eliminano questo rischio qui.

Innanzitutto, ricevi un PNG, mai l’SVG. Nulla di ciò che il file contiene può essere eseguito nel tuo browser, perché il tuo browser non vede mai il file.

In secondo luogo, ogni SVG caricato viene controllato prima che qualsiasi cosa lo analizzi. I file che contengono dichiarazioni di tipo di documento, definizioni di entità, script, gestori di eventi o riferimenti a risorse esterne vengono rifiutati subito invece che riparati: riscrivere un file ostile e poi fidarsi del risultato è un problema molto più difficile che rifiutarlo. Le immagini incorporate come data URI e i riferimenti interni come i gradienti non sono interessati: gli SVG normali esportati da un programma di grafica si convertono senza problemi.

Rendere un intero set di icone

Aggiungi quanti SVG vuoi; ognuno viene reso separatamente alla dimensione scelta, con il proprio download. Se ti serve la stessa icona in più dimensioni, esegui il batch una volta per dimensione: il vettore viene reso di nuovo ogni volta invece di essere ridimensionato, quindi ogni dimensione è altrettanto nitida.