No. Tutte e cinque le impostazioni di qualità utilizzano la codifica WebP con perdita. Scegli la modalità separata Senza perdita per evitare quella perdita di codifica. Nessuna delle due modalità mantiene vettori modificabili o garantisce la corrispondenza con ogni visualizzatore SVG; il rendering avviene prima della codifica WebP.
Converti SVG in WebP
Converti un SVG fino a 20 MB in un WebP statico per una destinazione che accetta immagini WebP. Imposta le dimensioni se necessario, mantieni le proporzioni originali e scegli la codifica con o senza perdita. Il risultato è un'immagine in pixel; conserva il file SVG per le modifiche e la grafica scalabile.
Cosa fa questo convertitore da SVG a WebP
Questo convertitore renderizza un SVG in un’immagine WebP a dimensioni fisse. Cambia il formato dell’immagine, non soltanto il nome del file. Usalo per una risorsa di un sito, un’anteprima o un caricamento che richiede WebP; l’output non conserva tracciati modificabili, testo editabile o animazioni SVG.
Controlla prima i formati accettati dalla destinazione. La richiesta di un’immagine raster non significa automaticamente che WebP sia accettato. Usa Converti SVG in PNG per una copia PNG, oppure Converti SVG in JPG quando è richiesto JPEG con sfondo bianco.
| Impostazione | Cosa cambia | Quando usarla |
|---|---|---|
| Caricamento .svg | Accetta file sorgente SVG | Carica un file SVG valido; un PNG rinominato o un altro file non è un SVG |
| Larghezza e altezza | Adatta l’immagine renderizzata alle dimensioni facoltative mantenendone le proporzioni | Imposta un lato fisso o un riquadro di contenimento; lo strumento non deforma o ritaglia l’immagine per riempirlo |
| Compressione con perdita | Sacrifica dettagli visibili a favore della compressione; un file più leggero non è garantito | Usala per immagini generiche di siti web e anteprime |
| Qualità e peso del file | Controlla l’intensità della compressione WebP con perdita | Inizia con l’impostazione “Bilanciata” |
| Compressione senza perdita | Evita la compressione WebP con perdita | Usala per icone, loghi, grafiche di interfaccia o bordi netti |
Come convertire SVG in WebP online
1
Carica il tuo file SVG
Seleziona o trascina un SVG fino a 20 MB. La scelta del file avvia il caricamento per l’elaborazione sul server. Attendi che termini e verifica di aver selezionato l’originale desiderato; l’anteprima nel browser non garantisce un rendering identico sul server.
2
Imposta le dimensioni del WebP di output
Lascia entrambi i campi vuoti per usare le dimensioni intrinseche dell’SVG interpretate dal motore di rendering. Inserisci un lato per calcolare l’altro in proporzione, oppure entrambi per adattare l’immagine a un rettangolo senza ritagli o deformazioni. Un originale di 1200×800 adattato a 600×600 diventa 600×400, non un quadrato.
- •Ogni campo facoltativo accetta 1–16.383 px e ciascun lato dell’output finale deve rientrare in 16.383 px. Lasciare entrambi i campi vuoti o inserire un solo lato non aggira questo limite. Per una larghezza di visualizzazione di 300 px, 600 px è una scelta di esportazione a 2×, non un miglioramento garantito per ogni originale.
3
Scegli modalità di compressione e qualità
La modalità Con perdita offre cinque impostazioni: Compressione forte, Compressione moderata, Bilanciata, Qualità alta e Qualità massima. Bilanciata è quella predefinita. Anche Qualità massima utilizza una codifica con perdita; controlla linee sottili, sfumature e testi nel risultato, senza considerare l’etichetta una garanzia.
- •Seleziona la modalità separata Senza perdita per evitare la codifica WebP con perdita; il selettore della qualità viene nascosto. Questa modalità non corregge le differenze di rendering e non conserva tracciati vettoriali, font, link, metadati originali o scalabilità illimitata. L’output è un’immagine a 8 bit.
4
Converti e controlla il WebP scaricato
Fai clic su Converti in WebP e scarica l’immagine completata. Confronta dimensioni, testi, colori, bordi trasparenti e peso del file con il disegno previsto. Prova il file nell’app di destinazione prima di sostituire una risorsa funzionante e conserva l’SVG originale.
Rendering SVG, trasparenza e qualità
SVG memorizza forme, tracciati, testo e stili; WebP memorizza i pixel renderizzati. Controlla queste proprietà prima di scegliere le impostazioni di esportazione.
| Domanda | Cosa aspettarsi |
|---|---|
| L’output rimane vettoriale? | No. Il file WebP è un’immagine raster con dimensioni fisse in pixel. |
| Il WebP può mantenere la trasparenza? | Le aree trasparenti esistenti possono essere mantenute. Una forma bianca o colorata già disegnata dietro la grafica fa parte dell’immagine e non viene rimossa. |
| La modalità senza perdita mantiene la qualità dell’SVG? | Senza perdita si riferisce alla codifica WebP dopo il rendering. Non conserva la struttura SVG e non garantisce che il rendering sul server corrisponda a quello di un browser o di un programma di grafica. |
| I font corrisponderanno sempre? | Un font disponibile sul tuo dispositivo potrebbe non esserlo sul server. Converti i testi importanti in tracciati nell’editor originale quando il loro aspetto esatto è essenziale. |
| CSS esterni o immagini collegate verranno renderizzati? | Le risorse collegate o gli stili non supportati possono mancare o apparire diversi. Esporta un SVG completo con le immagini necessarie e gli stili essenziali inclusi nel file; controlla maschere e filtri nel risultato scaricato. |
Prepara un viewBox ben definito e limiti dell’area di disegno scelti con cura. Lo spazio trasparente all’interno dell’area di disegno SVG rimane parte dell’immagine; il ridimensionamento non lo elimina. Il rendering sul server è statico e non riproduce animazioni né esegue script per ricreare lo stato interattivo di un browser.
Quando usare WebP al posto di SVG
Una copia WebP può essere adatta a questi utilizzi a dimensioni fisse. Controlla i requisiti della destinazione per formato, dimensioni in pixel e peso del file.
Caricamenti su CMS
Usa una copia WebP quando il CMS accetta WebP ma non SVG; restano validi i suoi limiti di peso e dimensioni per il caricamento.
Anteprime sui social
Controlla le regole della piattaforma di condivisione per le immagini di anteprima. Usa WebP solo se è accettato; altrimenti scegli un’esportazione PNG o JPG supportata.
Grafica per email
Verifica il supporto WebP nello strumento di creazione delle email e nelle app di posta dei destinatari. Se il flusso di lavoro richiede PNG o JPG, esporta in quel formato.
Immagini per siti web
Una copia WebP può essere adatta a una grafica visualizzata a dimensioni note. Confronta l’aspetto e il peso effettivo del file prima di sostituire la risorsa SVG.
Risorse per app o marketplace
Controlla i requisiti esatti di formato e pixel. La sola richiesta di un’immagine raster non conferma che WebP sia accettato.
Anteprime per la consegna del progetto grafico
Condividi un’anteprima statica con chi deve revisionarla, se i suoi strumenti di visualizzazione accettano WebP, e tieni a disposizione l’SVG per le successive modifiche al progetto.
Conserva l’SVG come file sorgente ed esporta copie WebP per le destinazioni che richiedono un output raster. Se stai creando un sistema di icone adattabile alle diverse dimensioni dello schermo o devi modificare le forme in seguito, SVG può rimanere il formato migliore per l’originale principale.
Come scegliere le impostazioni migliori da SVG a WebP
Le impostazioni migliori dipendono dalla grafica e da dove verrà usato il WebP. Una piccola icona a colori piatti, un’illustrazione dettagliata e una grafica web a tutta larghezza non richiedono le stesse scelte di esportazione.
| Obiettivo dell’output | Impostazione suggerita | Perché |
|---|---|---|
| Icona per un sito web | Larghezza di visualizzazione o 2× tale larghezza, senza perdita | Evita la codifica con perdita dei bordi; controlla il risultato raster effettivo |
| Anteprima di un logo | Dimensioni di visualizzazione 2x, senza perdita oppure “Qualità alta” o “Qualità massima” | Aiuta a mantenere nitide le curve e le forme simili a caratteri |
| Illustrazione grande | Larghezza di visualizzazione prevista, “Bilanciata” o “Qualità alta” | Bilancia dettagli e peso del file |
| Miniatura leggera | Dimensioni ridotte, “Compressione forte”, “Compressione moderata” o “Bilanciata” | Può ridurre il peso del file; controlla i byte scaricati e i dettagli visibili |
| Sovrapposizione trasparente | WebP con trasparenza, “Bilanciata”, un’impostazione di qualità superiore o senza perdita | Mantiene lo sfondo trasparente controllando la compressione |
Scegli le dimensioni in base allo spazio di visualizzazione effettivo, non ai valori massimi disponibili. Ingrandire immagini bitmap incorporate in un SVG non può recuperarne i dettagli mancanti. Se il problema è lo spazio vuoto, modifica l’area di disegno SVG o il viewBox nell’editor originale; aumentare la qualità non lo eliminerà.
Gestione dei file e limiti pratici
La selezione di un SVG fino a 20 MB avvia il caricamento per l’elaborazione sul server. Il limite di 20 MB misura il peso del file; quello di 16.383 px per lato dell’output misura le dimensioni. Un file SVG leggero può comunque descrivere un’area di disegno troppo grande o contenere elementi che il motore di rendering non riesce a elaborare.
Questa procedura esporta un WebP statico da un file caricato. Non offre un campo per il codice SVG, un editor vettoriale, la registrazione di animazioni o la selezione dell’istante di un fotogramma. Per usare codice SVG, salvalo prima in un file .svg completo e valido; includi nello stesso file gli stili e le risorse immagine necessari.
Scarica subito il WebP, perché i file caricati e generati sono temporanei. Conserva l’SVG per le modifiche future.
Errori comuni da evitare
Rinominare .svg in .webp
Cambiare l’estensione del nome del file non converte SVG in WebP. Una vera conversione deve renderizzare l’SVG e codificare il risultato come file immagine WebP.
Aspettarsi che WebP rimanga modificabile come SVG
Il WebP scaricato è un’immagine in pixel. Non puoi modificarne tracciati, forme o testo come nel file SVG originale. Conserva l’SVG come sorgente modificabile.
Considerare la modalità senza perdita una garanzia di output vettoriale
Senza perdita è una scelta di codifica WebP. Non può ripristinare i vettori, risolvere un font mancante, correggere funzionalità SVG non supportate o annullare le scelte precedenti di rendering e ridimensionamento. Controlla l’immagine esportata anche quando usi la modalità senza perdita.
Affidarsi a font o CSS esterni
L’anteprima del file caricato e il rendering sul server possono utilizzare risorse e funzionalità di rendering diverse. Includi nell’SVG le immagini e gli stili necessari, converti in tracciati i testi essenziali e controlla il file scaricato anziché basarti solo sull’anteprima.
Esportare un WebP sovradimensionato
Scegli le dimensioni di output in base all’utilizzo finale. Un WebP troppo grande può sprecare spazio o superare i limiti della destinazione, mentre un SVG semplice potrebbe già essere più leggero. Il ridimensionamento conserva l’intera area di disegno SVG, incluso lo spazio vuoto già presente.
Domande frequenti
I valori definiscono un riquadro di contenimento. L’immagine mantiene le proporzioni, quindi 1200×800 adattato a 600×600 diventa 600×400. Non viene ritagliata o deformata in un quadrato. Inserisci un solo lato quando è quella la dimensione fissa che ti serve.
Sul server potrebbero mancare un font o una risorsa usati nell’anteprima e alcune funzionalità SVG vengono renderizzate in modo diverso. Esporta un SVG con tutte le risorse incluse, converti i testi importanti in tracciati e controlla maschere e filtri. Aumentare la qualità WebP non corregge contenuti mancanti nell’originale.
No. Le aree trasparenti esistenti possono essere mantenute, anche con WebP con perdita. Un rettangolo bianco o un altro sfondo già disegnato nell’SVG rimane parte dell’immagine. Se ti serve trasparenza, rimuovi quello sfondo nell’editor originale prima di esportare.
No. Questa pagina crea un rendering statico; non registra animazioni, non esegue script e non offre un selettore del tempo o del fotogramma. Prepara un SVG statico con lo stato esatto desiderato, oppure usa separatamente una procedura di esportazione delle animazioni.
Il peso del file è solo uno dei limiti. L’SVG deve essere leggibile dal motore di rendering ed entrambi i lati dell’output devono rientrare in 16.383 px. Un file leggero può descrivere un’area di disegno enorme; anche contenuti mancanti o non supportati possono impedire il risultato atteso. Controlla l’originale e scegli dimensioni appropriate.
Questa pagina non ha un campo per il codice. Salva il markup SVG completo come file .svg valido e caricalo. Rinominare un’immagine di altro tipo o un frammento di testo incompleto non lo rende un SVG utilizzabile.
Un SVG semplice può descrivere forme con pochissimi dati, mentre WebP memorizza un’immagine raster. Dimensioni, grafica e modalità di codifica determinano il peso del file. Confronta il risultato scaricato; non è previsto un peso esatto in KB né la promessa che WebP sia più leggero.