Unire file SVG

No. La conversione avviene interamente nel tuo browser. Il file non lascia mai il tuo dispositivo – non c'è alcun server che possa vederlo. Una volta caricata la pagina, lo strumento funziona persino offline.

Affiancati e impilati producono un'unica immagine: ogni file diventa un <svg> annidato nella propria dimensione, posizionato nell'ordine della coda con la spaziatura scelta, e il nuovo file riceve width, height e viewBox che contengono tutto. Uno sprite non è un'immagine ma una libreria: ogni file diventa un <symbol> con il nome del file come id, e ne mostri uno con <svg><use href="sprite.svg#nome-file"/></svg> – oppure incolli lo sprite una volta nella pagina e usi href="#nome-file".

Due file usano spesso gli stessi id («a», «gradient», «clip0»). Ogni id riceve il nome del file come prefisso e ogni riferimento – url(#…), href="#…", selettori #… nei fogli di stile, aria-labelledby – viene riscritto di conseguenza, così gradienti, clip path ed elementi <use> continuano a funzionare. In uno sprite i <defs> di tutti i file vengono raccolti in un unico blocco condiviso.

Una viewBox oppure width e height assoluti (px, pt, mm, cm, in). I file con dimensioni in percentuale o em non possono essere posizionati – il messaggio indica il file; sistemalo con lo strumento viewBox o nel tuo editor. Script, gestori di eventi e riferimenti esterni vengono prima rimossi da ogni file.