Convertire SVG in JPG

Un SVG non ha risoluzione. È un insieme di istruzioni — disegna qui un cerchio, riempi questa forma di questo colore — e può essere disegnato altrettanto nitido a qualsiasi misura. Un JPG è una griglia fissa di pixel. Quindi convertire significa scegliere una misura.

Quasi tutti i convertitori prendono la larghezza che trovano scritta dentro l’SVG e disegnano in silenzio a quella. Poiché molti SVG portano scritta una misura qualsiasi — una dimensione da icona di 100 o 200 pixel, rimasta appiccicata dal posto in cui il file è nato — il risultato esce inservibile.

Pensateci al contrario: dove finirà l’immagine. Per una pagina web, disegnate al doppio dello spazio in cui verrà vista — gli schermi ad alta densità sono la norma da un decennio, e un’immagine da 400 pixel messa in uno spazio da 400 pixel si vede molle sulla maggior parte degli schermi.

Esagerare verso l’alto costa poco, restare corti no. Un JPG disegnato più grande del necessario occupa qualcosa in più e si può ridurre senza perdita visibile; un JPG disegnato troppo piccolo non torna indietro, perché il dettaglio non è mai stato scritto.

Il JPG non ha canale alfa. Non è limitato: non ce l’ha proprio. Ogni pixel è opaco, quindi tutto ciò che nell’SVG era trasparente va riempito con qualcosa, e il bianco è la scelta sensata in mancanza d’altro.

Ed è anche la scelta che produce il fallimento che si ricorda: un logo bianco o molto chiaro, pensato per uno sfondo scuro, arriva come un quadrato bianco in cui non si vede niente. Cambiate il colore di riempimento sotto il risultato.

La maggior parte degli SVG sono loghi, icone e diagrammi: colore piatto e bordi netti. La compressione JPEG è peggiore proprio su questo contenuto che su qualsiasi altro, perché è nata per le fotografie, e sul confine netto fra due colori lascia aloni e sporco.

Quindi il consiglio onesto è convertire in PNG, a meno che qualcosa non stia chiedendo specificamente un JPG — e succede: schede di vendita, sistemi di consegna per la stampa, gestori di contenuti datati e certo software da ufficio continuano ad accettare solo quello.

Un SVG di solito nomina un carattere e non se lo porta dentro. Chi crea il file deve averlo, e resvg — che è ciò che disegna qui — ha quelli presenti sul vostro sistema, non quelli che c’erano nel programma di grafica.

Così il carattere mancante viene sostituito con un altro, e un logo spaziato con cura arriva con la spaziatura cambiata. Il rimedio sta nel programma di grafica: convertite il testo in tracciati prima di esportare. Allora le lettere diventano forme e non resta più niente da sostituire.

Forme, tratti, riempimenti e sfumature passano fedelmente. Il terreno incerto sono i filtri — sfocature e ombre — e con loro i metodi di fusione e le maschere costruite a partire da altre maschere.

resvg copre tutto ciò che i file veri usano davvero, e omette quello che non ha implementato invece di modellarlo in qualcosa di approssimativo. Se un effetto significa qualcosa per voi, guardate il JPG anziché darlo per scontato.

Un SVG può puntare con una URL a una foto, un carattere o un foglio di stile che stanno fuori. Qui niente esce su internet, quindi il file puntato semplicemente non esiste — ed è la stessa proprietà che tiene privato il vostro disegno.

Il sintomo è un rettangolo vuoto nel JPG dove doveva esserci un’immagine. Riesportate l’SVG incorporando le risorse, non solo collegandole, e allora il disegno viaggia con tutto ciò da cui dipende.

La dimensione segue la risoluzione che avete scelto, non l’SVG. Un’icona da 3 KB disegnata a 4000 pixel produce un JPG da diversi megabyte, perché il file non è più una descrizione ma una griglia di pixel.

Per qualsiasi cosa somigli a una fotografia, una qualità intorno a 85 è il valore sensato. Per un logo a colore piatto la domanda è mal posta: nessuna impostazione di qualità impedisce al JPEG di lasciare aloni su un bordo netto, e lì la risposta è il PNG.

Lasciate cadere la cartella intera. Ogni SVG viene disegnato alla stessa scala e tornano tutti in uno ZIP, che è di norma ciò che serve per un set di icone o per un’infornata di esportazioni.

Il disegno avviene sulla vostra macchina, quindi non c’è limite per file né coda. E poiché qui c’è resvg e non il canvas del browser, l’ultimo file viene disegnato esattamente come il primo.