Convertire SVG in WebP
Un file vettoriale diventa un WebP esattamente alla larghezza in pixel richiesta dal layout. Serve quando un CMS non accetta il caricamento di SVG, quando un'anteprima social richiede un'immagine bitmap o quando un'illustrazione ha così tanti tracciati che il browser la disegna lentamente.
Convertitore di immagini
oppure trascina qui File JPG, JPEG, JPE … ·
Max 95 MB per file· Fino a 20 file· Eliminati dopo 30 minuti
I file vengono elaborati sui nostri server ed eliminati dopo 30 minuti.
85 mantiene le foto visivamente identiche all'originale. Abbassarla solo se serve un file più piccolo.
JPG, BMP ed EPS non supportano la trasparenza. I pixel trasparenti vengono riempiti con questo colore.
Colore esadecimale usato dietro i pixel trasparenti, ad es. #FFFFFF.
Questo formato contiene una sola immagine. Scegliere GIF o WebP come output per mantenere l'animazione.
Un'icona multi-dimensione contiene più risoluzioni in un solo file; browser e sistemi operativi scelgono quella che serve.
Mantiene le dimensioni originali, oppure si inserisce un lato e le proporzioni vengono conservate.
Pixel per il lato scelto sopra.
Percentuale delle dimensioni originali.
sRGB è la scelta giusta per schermi e web. Mantenere l'originale per i flussi di stampa; la scala di grigi elimina il colore.
Solo metadati, 0 mantiene il valore originale. Le stampanti e alcuni portali leggono questo numero; non cambia le dimensioni in pixel.
Come usare questo strumento
- 1
Caricare l'SVG
Aggiungi fino a 20 file .svg esportati da Figma, Illustrator, Inkscape o da una libreria di grafici, da 95 MB ciascuno al massimo.
- 2
Impostare la larghezza di output
Ridimensiona l'immagine di output parte da una larghezza di 1200 px: portala al doppio della larghezza che l'immagine occuperà nella pagina. Qualità è impostata su 90; per loghi e icone piatti seleziona Senza perdita in Impostazioni avanzate.
- 3
Convertire in WebP
Premi Converti in WebP e scarica i file singoli o un unico ZIP. Le aree trasparenti restano trasparenti.
Come convertire SVG in WebP a una dimensione precisa?
Carica l'SVG, imposta Ridimensiona l'immagine di output sulla larghezza in pixel che ti serve (1200 px di default) e premi Converti in WebP. Il vettore viene ridisegnato da zero a quella larghezza, quindi nulla viene ingrandito o sfocato.
Quando conviene trasformare un SVG in WebP
SVG è diventato una raccomandazione W3C nel 2001 ed è il formato giusto per la maggior parte di loghi e icone: pochi kilobyte di testo che restano nitidi a qualsiasi zoom. I problemi iniziano quando il file esce dal tuo codice. WordPress e molti costruttori di negozi online rifiutano i caricamenti SVG, le anteprime dei link su Facebook, LinkedIn e X vengono recuperate come bitmap, e gli strumenti di design esportano illustrazioni con effetti raster incorporati che trasformano un file vettoriale in diversi megabyte di codice.
WebP, rilasciato da Google nel 2010 e supportato da Safari solo dalla versione 14 nel 2020, è la bitmap pensata per questo scopo: più leggera di PNG a parità di resa, con un vero canale alfa. Generare l'SVG direttamente in WebP alla dimensione finale evita il solito passaggio da un grande PNG. Se ti serve anche il percorso inverso, la pagina su da WebP a SVG spiega perché in quella direzione serve la vettorializzazione e non una conversione.
Dimensioni da SVG a WebP per gli spazi web più comuni
1200 × 630 px
Anteprima link Open Graph
Immagine mostrata quando la pagina viene condivisa
1920 × 1080 px
Illustrazione hero a tutta larghezza
Copre la maggior parte degli schermi desktop a 1×
1600 × 900 px
Immagine in colonna del blog a 2×
Per una colonna di contenuto da 800 px
400 × 100 px
Logo dell'intestazione a 2×
Per uno spazio logo da 200 × 50 px
SVG
Scalable Vector Graphics
SVG è un formato vettoriale basato su XML standardizzato dal W3C nel 2001. Invece dei pixel descrive forme, tracciati e testo, quindi resta nitido a qualsiasi dimensione ed è di solito minuscolo per loghi e icone. Supporta trasparenza, stili CSS, script e animazioni, e ogni browser lo visualizza in modo nativo. SVG non è adatto alle fotografie, e le illustrazioni complesse possono diventare lente da visualizzare. Illustrator, Inkscape, Figma e i browser possono aprirlo e modificarlo.
- Compressione
- –
- Trasparenza
- Sì
- Animazione
- Sì
- Introdotto
- 2001 · W3C
WEBP
Immagine WebP
WebP è un formato di immagine rilasciato da Google nel 2010 per rendere più veloce il caricamento delle pagine web. Supporta in un unico formato la compressione con e senza perdita, la trasparenza alfa e l'animazione. I file WebP con perdita sono in genere più piccoli del 25–35% rispetto a JPEG di qualità visiva simile, e il WebP senza perdita di solito è più piccolo del PNG. Tutti i browser attuali lo supportano, ma alcuni software desktop meno recenti, servizi di stampa e moduli di caricamento lo rifiutano ancora. Windows, macOS e la maggior parte degli editor di immagini moderni aprono i file WebP.
- Compressione
- Con o senza perdita
- Trasparenza
- Sì
- Animazione
- Sì
- Introdotto
- 2010 · Google
Si converte SVG in WebP per ottenere una bitmap leggera e di dimensioni fisse dove i file vettoriali non sono accettati o vengono disegnati lentamente, come un CMS, un'anteprima social o una landing page pesante; da WebP a SVG serve invece una vettorializzazione, non un semplice cambio di formato.
Come viene rasterizzato l'SVG e cosa controllare
Il convertitore legge larghezza, altezza e viewBox dell'SVG, poi disegna ogni tracciato alla larghezza impostata; l'altezza segue le proporzioni. Poiché il disegno avviene alla dimensione finale, i tratti sottili e i testi piccoli vengono antialiasing una sola volta, alla scala giusta. Ingrandire in seguito un piccolo PNG non dà mai un risultato altrettanto pulito.
I font sono la sorpresa più comune. Se l'SVG indica un carattere non incorporato né convertito in contorni, viene usato un font di riserva e la lunghezza delle righe cambia. Converti il testo in contorni nel tuo strumento di design prima di esportare. Le immagini esterne collegate tramite URL dentro l'SVG non vengono scaricate: incorporale o appiattisci prima la grafica.
Convertire SVG in WebP: cosa fare e cosa evitare
| Da fare | Da evitare |
|---|---|
| Genera a 2× la larghezza CSS visualizzata | Convertire icone inline semplici che pesano meno come SVG |
| Usa Senza perdita per loghi piatti con pochi colori | Generare a 4000 px per uno spazio da 600 px |
| Conserva l'SVG originale per le dimensioni future | Inviare WebP nelle newsletter via email |
| Pubblica il WebP con gli attributi width e height per evitare spostamenti del layout | Aspettarsi testo vivo: il WebP è fatto di pixel, non di testo selezionabile |
Domande sulla conversione da SVG a WebP
Quale larghezza in pixel usare per convertire SVG in WebP?
Prendi la larghezza a cui l'immagine viene mostrata in pixel CSS e raddoppiala, così resta nitida sugli schermi ad alta densità di telefoni e portatili. Un'illustrazione mostrata in una colonna da 800 px va generata a 1600 px. Salire a 3× raramente conviene sul web, perché il file cresce mentre il miglioramento visibile è minimo.
Per un sito web è meglio WebP o SVG?
Non per loghi, icone e diagrammi semplici: un SVG pulito è leggerissimo e nitido a qualsiasi dimensione, quindi conviene tenerlo. WebP è preferibile per illustrazioni complesse con sfumature, filtri o migliaia di tracciati, e per tutti i casi in cui sono accettate solo immagini bitmap, come le anteprime social o un CMS senza supporto SVG.
Il WebP mantiene lo sfondo trasparente dell'SVG?
Sì. WebP ha un canale alfa completo sia in modalità con perdita sia senza perdita, quindi le aree senza riempimento nell'SVG restano trasparenti. I bordi delle forme sono antialiasing rispetto alla trasparenza, e risultano corretti su qualsiasi colore di sfondo.
WebP lossy o lossless per la grafica vettoriale?
La modalità senza perdita è adatta a loghi, icone e grafici piatti con pochi colori pieni: si comprimono molto bene e mantengono bordi perfettamente puliti. La compressione con perdita a qualità 85–90 è adatta a illustrazioni con sfumature, ombre o texture, dove i file senza perdita diventano pesanti. Prova entrambe su un file e tieni il risultato più leggero che appare pulito.
Perché non si possono caricare SVG su WordPress?
WordPress non include SVG tra i tipi di file caricabili perché un SVG può contenere script. Accetta WebP dalla versione 5.8, uscita nel 2021, quindi con la conversione ottieni un file che la libreria multimediale accetta senza plugin di sicurezza. I siti che hanno bisogno di vettori veri possono comunque aggiungere il supporto SVG con un plugin che ne ripulisce il codice.
Il WebP si può usare in una newsletter via email?
Meglio evitarlo. Diversi client di posta, tra cui Outlook per Windows, non mostrano WebP, e Gmail non visualizza nemmeno gli SVG. Per le email genera la grafica con da SVG a PNG.
