25: SVG käsitsi optimeerimine Illustratoris - CSS-trikid

Anonim

Sellest videost eemaldati video. Varsti lasen selle kunagi uuesti. Kui loete seda ja ma pole seda veel teinud, võtke minuga julgelt ühendust ja andke mulle selle kohta viga.

Mõnikord näeb SVG, mida soovite kasutada, Illustratoris täiesti hea välja, kuid pole päris nii, nagu soovite seda veebis kasutada.

Üks asi, mida me selles videos vaatame, on lihtne kuju, mis näib olevat üks kuju, kuid tegelikult on neli üksteise peal istuvat kuju. Selle lihtsustamiseks valime lihtsalt kõik kujundid ja kasutame Illustratori tööriistu Pathfinder, et need üheks kujundiks ühendada. Näeme, et see kajastub kohe koodis. Mõnikord on üsna lõbus, kui SVG-fail on avatud nii Illustratoris kui ka koodiredaktoris, nii et selle salvestamisel näete, mida see koodiga teeb.

Pathfinder sobib suurepäraselt kujundite käsitsi optimeerimiseks - tasub teada saada, mida need nupud teevad - ja mida nad teevad ka vajutatud valikuklahviga.

SVG-faili suurus määratakse suures osas selle järgi, kui palju punkte kujundites toimub. On ka teisi tegureid, kuid see on suurmees. Veel üks asi, mida selles videos vaatleme, on funktsiooni Illustrators Simplify Path kasutamine, et vähendada punktide arvu mõnel tekstuuril põhineval kujundil, et failisuurust vähendada.

Teine asi, mida teada: liitrajad võivad olla kasulikud. Kaks teineteisest täiesti eraldatud kuju võivad siiski olla üks tee. Nagu sõna otseses mõttes üks. Süntaks võimaldab põhimõtteliselt "võtta pliiats kätte, viia see kuhugi mujale, joonistada midagi uut". Nii et kui loote Illustratoris liittee (nt mitu iseseisvat kujundit, Objekt> Ühendatud tee> Tee), siis see väljastab seda. Võib viia lihtsustatud / optimeeritud SVG-väljundini.