Il video è stato rimosso su questo. Un giorno lo riprenderò di nuovo presto. Se stai leggendo questo e non l'ho ancora fatto, sentiti libero di contattarmi e infastidirmi al riguardo.
A volte l'SVG che vuoi usare sembra perfettamente buono in Illustrator, ma non è proprio come vorresti usarlo sul web.
Una delle cose che guardiamo in questo video è una forma semplice che sembra essere una forma singola, ma in realtà è composta da quattro forme una sopra l'altra. Per semplificarlo, selezioniamo semplicemente tutte le forme e utilizziamo gli strumenti Pathfinder in Illustrator per combinarle in un'unica forma. Possiamo vederlo riflesso immediatamente nel codice. A volte è piuttosto divertente avere il file SVG aperto sia in Illustrator che in un editor di codice, così mentre lo salvi puoi vedere cosa sta facendo al codice.
Il Pathfinder è ottimo per l'ottimizzazione manuale delle forme - vale la pena conoscere cosa fanno quei pulsanti - e cosa fanno anche con il tasto opzione premuto.
La dimensione di un file SVG è, in larga misura, determinata da quanti punti ci sono nelle forme. Ci sono altri fattori, ma questo è il problema. Un'altra cosa che guardiamo in questo video è l'uso della funzione Semplifica tracciato di Illustratori per ridurre il numero di punti su alcune forme con texture per ridurre le dimensioni del file.
Un'altra cosa da sapere: i percorsi composti possono essere utili. Due forme che sono totalmente separate l'una dall'altra possono ancora essere un percorso. Come, letteralmente uno. La sintassi consente essenzialmente di "prendere la penna, spostarla da qualche altra parte, disegnare qualcosa di nuovo". Quindi, quando crei un tracciato composto in Illustrator (ad esempio più forme indipendenti, Oggetto> Tracciato composto> Crea) è così che viene prodotto. Può portare a un output SVG semplificato / ottimizzato.