SVG o PNG per il logo: vettoriale o raster, e dove funziona ciascuno

In breve: tenga il Suo logo in SVG ovunque sia accettato — sul sito, nel lavoro grafico e per la preparazione alla stampa –, perché un vettore resta nitido a ogni dimensione e di solito pesa pochissimo. Tenga accanto un PNG con sfondo trasparente per tutto ciò che accetta solo pixel: firme e-mail, molti moduli di caricamento, documenti d’ufficio che invia ad altri. Il JPG non ha trasparenza ed è poco adatto ai loghi; il WebP funziona sul web, ma non dappertutto.

Questo confronto spiega la differenza tra vettoriale e raster, mette a confronto i due formati punto per punto, mostra dove ciascuno è accettato, illustra cosa sapere sugli script nei file SVG e si chiude con la conversione nei due sensi — compresi i limiti del trasformare un PNG di nuovo in vettore.

Vettoriale o raster: cosa memorizzano SVG e PNG

Un file SVG contiene istruzioni di disegno: forme, curve, colori e testo, scritti in XML. Il dispositivo li ridisegna alla dimensione necessaria, così un cerchio resta perfetto in un’icona da 16 pixel come su un banner da fiera. Un file PNG contiene una griglia fissa di pixel. Alla sua dimensione è perfetto; ingrandito, i bordi diventano sfocati o seghettati, perché il dettaglio tra i pixel non è mai stato salvato. L’SVG è uno standard aperto del W3C; il PNG è il classico formato a pixel senza perdita.

SVG o PNG per il logo: il quadro d’insieme

Per un logo tipico — pochi colori piatti, forme chiare, magari una scritta — l’SVG vince per scalabilità, peso e modificabilità. Il file resta leggero perché una curva viene descritta una volta invece di essere salvata come migliaia di pixel, e non cresce quando il logo appare più grande. Un PNG dello stesso logo richiede una versione per ogni dimensione: piccola per l’intestazione, grande per gli schermi ad alta densità, ancora più grande per una presentazione.

Entrambi i formati gestiscono la trasparenza, quindi il logo può stare su qualsiasi sfondo. Il JPG no: ha sempre uno sfondo pieno, di solito bianco, che sulle superfici colorate si vede come un riquadro. WebP e AVIF supportano la trasparenza e sono più leggeri del PNG, ma fuori dal browser non sono ancora accettati ovunque. Il quadro completo dei formati è in WebP, AVIF, JPEG o PNG.

Il PNG è la scelta giusta per i dettagli che non si possono disegnare come forme: un logo con una foto, sfumature morbide con texture, un segno disegnato a mano e scansionato. Vettorizzare immagini simili produce file pesanti e poco maneggevoli, senza alcun guadagno di nitidezza.

Dove funziona l’SVG e dove serve ancora il PNG

• Sito web e negozio online: SVG per il logo nell’intestazione e nel piè di pagina, più il set di favicon — come è composto lo spiega creare una favicon.
• Firme e-mail: PNG. Molti programmi di posta non mostrano le immagini SVG o le bloccano. Esporti al doppio della dimensione visualizzata, così il logo resta nitido sugli schermi ad alta densità.
• Moduli di caricamento di elenchi, marketplace, piattaforme per eventi e profili social: di solito solo PNG o JPG. Usi il PNG trasparente, o un JPG su bianco dove la trasparenza non serve.
• Documenti d’ufficio e presentazioni: molti programmi attuali sanno inserire SVG, ma non necessariamente le versioni più vecchie né il software dei Suoi destinatari. Per i file che invia, il PNG è la scelta sicura.
• Stampa: le tipografie preferiscono di solito i file vettoriali. Chieda quale formato serve; se vogliono pixel, esporti alla risoluzione richiesta invece di ingrandire un piccolo PNG.
• Linee guida del marchio e agenzie: conservi il file vettoriale originale come master e ne ricavi ogni PNG — mai il contrario.

L’SVG è sicuro? Script e contenuti nascosti nei file SVG

Poiché l’SVG è un formato di testo interpretato dai browser, può contenere più di un disegno: script, gestori di eventi, HTML incorporato, collegamenti a file esterni e dati dell’editor come nomi dei livelli, commenti o metadati di creazione. Inserito direttamente in una pagina o aperto nel browser, un SVG manipolato di provenienza sconosciuta può quindi fare molto più di un PNG. Tratti i file SVG ricevuti come qualsiasi file in grado di eseguire codice, e li ripulisca prima di pubblicarli.

In SchweizerIMG, Ottimizza SVG e Da SVG a PNG, JPG, WebP o AVIF rimuovono prima script e file collegati da ogni SVG; commenti e metadati vengono sempre rimossi quando l’SVG viene reso sicuro. Font e immagini esterni non vengono mai caricati, e il testo è disegnato con i font inclusi — per un logo la cui scritta usa un font particolare, converta il testo in tracciati nel programma di grafica. Tutto avviene nel Suo browser; i file non vengono caricati (veda la pagina sulla sicurezza).

Convertire: da SVG a PNG, da PNG a SVG e ottimizzare

1. 1

   Da SVG a PNG

   Da SVG a PNG, JPG, WebP o AVIF converte file SVG in immagini di qualsiasi dimensione — per scala (ad esempio 1, 2, 3), per larghezza o altezza in pixel, o per risoluzione di stampa –, più dimensioni insieme, su sfondo trasparente o colorato. Un intero set di file del logo è un’unica elaborazione.

2. 2

   Ottimizzare l’SVG

   Ottimizza SVG riduce i file SVG e verifica che l’aspetto resti identico. «Sicuro» mantiene id, classi e stili; «Aggressivo» punta al file più piccolo. Lo usi prima di mettere un logo sul sito.

3. 3

   Da PNG a SVG (vettorizza)

   Da immagine a SVG (vettorizza) trasforma loghi, icone, firme e disegni al tratto in vettori, con le preimpostazioni «Logo (fino a 8 colori piatti)», «Disegno al tratto (bianco e nero)» e «Dettagliato (fino a 32 colori)». Quali piani lo includono è indicato nella pagina dei prezzi.

Tutti e tre gli strumenti fanno parte degli strumenti vettoriali; i tipi di file che aprono sono elencati in formati di immagine supportati.

Quale usare: una breve guida alla scelta

• Ha il logo in SVG: lo tenga come master, lo usi sul web ed esporti PNG per e-mail, moduli e documenti.
• Ha solo un PNG di un logo semplice a colori piatti: lo vettorizzi, controlli il risultato in grande e in piccolo, e conservi anche il PNG.
• Il Suo logo contiene una foto o una grafica con texture: resti al PNG (o al WebP sul web) nelle dimensioni necessarie.
• Non sa cosa accetta il sistema di destinazione: invii un PNG trasparente — il formato che funziona quasi ovunque.

Domande frequenti

Per un logo è meglio SVG o PNG?

Per il logo in sé, l’SVG: nitido a ogni dimensione, leggero e modificabile. Per i luoghi che accettano solo pixel — firme e-mail, molti moduli di caricamento, documenti da condividere — è meglio un PNG esportato dall’SVG.

Quanto deve essere grande un logo PNG?

Circa il doppio della dimensione a cui viene mostrato, così resta nitido sugli schermi ad alta densità. Per una firma e-mail larga 200 pixel, esporti circa 400 pixel. Più scale esportate dall’SVG in un’unica elaborazione coprono i diversi usi.

Posso trasformare un logo JPG in SVG?

Sì, se è un logo semplice a colori piatti: Da immagine a SVG (vettorizza) lo ricostruisce come forme. Gli artefatti di compressione di un piccolo JPG rendono i bordi più irregolari; usi la versione più grande e pulita che ha.

Perché il mio logo SVG appare diverso dopo la conversione?

Di solito per i font o i file collegati: font e immagini esterni non vengono caricati, e il testo è disegnato con i font inclusi. Converta il testo in tracciati e incorpori tutto nell’SVG prima di convertire.

Pronto a mettere ordine nei file del Suo logo? Apra gli strumenti vettoriali, scopra come le agenzie preparano i loghi dei clienti senza caricarli, oppure crei un account gratuito.