Convertire SVG in WebP

Un SVG è un insieme di istruzioni — disegna questo percorso, riempi questa forma — senza una risoluzione propria. La resa segue quelle istruzioni a una dimensione particolare.

Quindi la dimensione scelta al momento della conversione è quella che avete. Ingrandire il WebP dopo può solo inventare i pixel intermedi, esattamente ciò che l’arte vettoriale esiste per evitare.

Uno schermo di telefono comprime due o tre pixel del dispositivo in ogni pixel CSS, quindi un’immagine resa esattamente alla dimensione di visualizzazione appare morbida sulla maggior parte dei dispositivi.

Rendere al doppio o al triplo e lasciare che il browser scali costa meno di quanto sembri — un logo piatto a 2× comprime a una frazione di quanto farebbe una fotografia delle stesse dimensioni.

Un SVG nomina i propri font piuttosto che contenerli. Quando il renderer ha il font, il testo viene disegnato correttamente; quando non lo ha, viene sostituito qualcos’altro, a larghezze diverse.

La correzione appartiene al programma di disegno, prima dell’esportazione: convertite il testo in tracciati, così le lettere diventano forme e non dipendono da nulla.

Il WebP scritto qui è sempre lossy — il controllo qualità decide quanto forte comprime l’encoder, e non c’è modalità senza perdita su questa coppia.

Il valore predefinito di 82 è pensato per fotografie, e su arte vettoriale si vede nel posto sbagliato: una linea da un pixel prende una sbavatura. Alzate a 95 o oltre per un logo o un’icona.

Spesso. Se il disegno è un logo o un’icona destinati a una pagina web che controllate, l’SVG è di solito più piccolo di qualsiasi raster, nitido a ogni zoom su ogni schermo.

Convertite quando qualcosa rifiuta l’SVG, e succede: le anteprime social devono essere PNG o JPG a dimensioni fisse, molte piattaforme rifiutano il formato per motivi di sicurezza.

Le icone arrivano in set, non singolarmente. Trascinate l’intera cartella: ogni file viene reso alla scala scelta, mantiene il nome con l’estensione cambiata.

Due abitudini mantengono i risultati coerenti: rendere ogni icona alla stessa scala piuttosto che a occhio, e conservare gli SVG come sorgente per rigenerare il set a una nuova dimensione in seguito.

La resa avviene nella scheda del browser sul vostro processore. Nulla viene caricato, quindi non c’è coda, nessun conteggio giornaliero e nessuna terza parte che finisce per detenere i vostri asset di marca non pubblicati.

Significa anche che una cartella di duecento icone converte tanto velocemente quanto la vostra macchina sa disegnarle.