Un sistema di pubblicazione chiede un'immagine WebP e tu hai un SVG? Produci una vista raster per quella posizione della pagina. Il nuovo file non resta vettoriale, quindi controlla la nitidezza alla dimensione a cui sarà mostrato.
Trascina il tuo file .SVG qui
o clicca per sfogliare dal tuo dispositivo
SVG può essere una buona sorgente per loghi e icone scalabili. WebP, invece, memorizza pixel: la scelta della misura determina quanta nitidezza rimane se il layout ridimensiona l'immagine. Conserva l'SVG per nuove taglie e modifica il disegno nella fonte, non nella copia WebP.
Verifica linee sottili e lettere piccole dopo la codifica. WebP può portare trasparenza, ma i bordi concreti vanno controllati sia su un fondo chiaro sia su uno scuro. Se il vettore originale includeva uno sfondo pieno, cambiare formato non lo elimina.
Un CMS può generare ancora un'altra versione dell'immagine. Apri la pagina pubblicata e confronta con il file scaricato; i visitatori potrebbero ricevere una dimensione o una codifica diversa. Se il sito accetta già SVG e lo gestisce correttamente, valuta se questa rasterizzazione è davvero necessaria.
Un sistema che richiede WebP può mostrare una copia del disegno.
L'SVG resta la fonte per un'altra misura o una revisione grafica.
Una vista del vettore può essere codificata come WebP.
Linee minute richiedono controllo dopo la rasterizzazione.
La copia può essere ritagliata o ridimensionata dalla pagina finale.
Tracciati, testo editabile e possibili comportamenti SVG non restano nella risorsa raster.
Il WebP è pratico per una collocazione precisa nel sito, ma non contiene più tracciati o testo editabile.
Se cambia il nome su un cartello, modifica l'SVG e rigenera l'immagine, invece di disegnare sopra la copia compressa.
Controlla il risultato sul fondo reale della pagina e nelle misure mobili.
Se il CMS accetta già SVG in modo appropriato, verifica se una rasterizzazione aggiuntiva serve davvero al tuo caso.
Il CMS potrebbe ridurre automaticamente la copia ricevuta.
Se nel sito una linea diventa poco nitida, confronta il WebP scaricato con la risorsa distribuita dalla pagina.
Solo così puoi distinguere un problema di rasterizzazione iniziale da uno introdotto in pubblicazione.
Conservare l'SVG rende possibile produrre un'altra misura senza ingrandire un file già a pixel.
Per una grafica usata nella testata del sito, confronta il WebP prodotto con la vista dell'SVG nella pagina reale. Il CMS potrebbe ridimensionare la risorsa per uno schermo stretto, rendendo alcune linee meno visibili. Se il disegno aveva testo o piccoli elementi interattivi, la copia raster mostrerà soltanto un'immagine fissa; non può sostituire quel comportamento. Controlla la trasparenza sopra i colori del layout e guarda se il ritaglio mobile esclude parti importanti. Se la pagina può usare direttamente SVG e quella è la soluzione adatta al progetto, non assumere che il WebP sia obbligatorio solo perché è disponibile.
Verifica che il CMS non possa già usare il vettore direttamente.
Individua le misure necessarie nel layout mobile e desktop.
Per un logo o una piccola illustrazione, verifica il WebP nella posizione reale del sito: non basta che sia apribile localmente.
Un layout responsivo potrebbe ingrandirlo su uno schermo e ridurlo su un altro.
Dal momento che non è più vettoriale, una misura insufficiente può far apparire morbide le linee.
Se la piattaforma gestisce SVG in modo sicuro e soddisfacente, confronta i due approcci prima di introdurre una nuova copia.
Font e risorse usati dall'SVG devono essere disponibili durante il rendering.
Una scritta che cambia carattere o un simbolo mancante verranno fissati nel WebP prodotto.
Controlla la copia scaricata e poi la pagina pubblicata.
Prova anche i bordi trasparenti sul colore effettivo del sito; una ricodifica può modificarne l'aspetto.
Conserva il file SVG per nuove varianti o correzioni.
Usa il disegno destinato al sito.
Scarica la sua vista raster.
Controlla tratti e trasparenza sui diversi sfondi del layout.
No. È una vista raster a una misura definita.
WebP supporta l'alfa, ma verifica come appare questa resa sul fondo della pagina.
Non è garantito; confronta i file nel tuo caso.
No. Le forme vettoriali restano solo nella sorgente.
Controlla le dimensioni necessarie nella pagina responsive.
Sì, il gestore potrebbe applicare ridimensionamenti o ritagli.
No. Rappresenta una vista fissa del disegno.
Gratuito, istantaneo e 100% privato. I tuoi file vengono elaborati localmente nel tuo browser.