Video je uklonjen na ovom. Uskoro ću ga ponovno snimiti. Ako ovo čitate, a ja to još nisam učinio, slobodno me kontaktirajte i prijavite mi zbog toga.
Ponekad SVG koji želite koristiti izgleda savršeno dobro u Illustratoru, ali nije baš onako kako biste ga željeli koristiti na webu.
Jedna od stvari koju gledamo u ovom videozapisu je jednostavan oblik koji se čini kao da bi bio jedan oblik, ali zapravo su četiri oblika koji sjede jedan na drugom. Da bismo to pojednostavili, samo odabiremo sve oblike i pomoću alata Pathfinder u Illustratoru kombiniramo ih u jedan oblik. To možemo odmah vidjeti u kodu. Ponekad je zabavno otvoriti SVG datoteku i u Illustratoru i u uređivaču koda, pa dok je spremate, možete vidjeti što radi s kodom.
Pathfinder je izvrstan za ručnu optimizaciju oblika - vrijedi se upoznati s tim što ti gumbi rade - i što rade s pritisnutom tipkom opcija.
Veličina SVG datoteke u velikoj se mjeri određuje koliko se točaka događa u oblicima. Postoje i drugi čimbenici, ali to je velika stvar. Još jedna stvar koju gledamo u ovom videozapisu je upotreba Illustrators Simplify Path značajke kako bi se smanjio broj točaka na nekim teksturnim oblicima kako bi se veličina datoteke smanjila.
Još nešto što treba znati: složeni putovi mogu biti korisni. Dva oblika koja su potpuno odvojena jedan od drugog i dalje mogu biti jedan put. Kao, doslovno jedan. Sintaksa omogućuje u osnovi "uzmite olovku, premjestite je negdje drugdje, nacrtajte nešto novo". Dakle, kada u Illustratoru napravite složenu putanju (npr. Više neovisnih oblika, Objekt> Složeni put> Izradi), to se i izlazi. Može dovesti do pojednostavljenog / optimiziranog SVG izlaza.