Видеото беше премахнато на този. Ще го презаснема някой ден скоро. Ако четете това, а аз все още не съм го направил, не се колебайте да се свържете с мен и да ме подканите за това.
Понякога SVG, който искате да използвате, изглежда напълно добре в Illustrator, но не е съвсем така, както бихте искали да го използвате в мрежата.
Едно от нещата, които разглеждаме в това видео, е проста форма, която изглежда като една форма, но всъщност представлява четири фигури, разположени една върху друга. За да опростим това, ние просто избираме всички фигури и използваме инструментите Pathfinder в Illustrator, за да ги комбинираме в една форма. Виждаме, че това се отразява веднага в кода. Понякога е доста забавно SVG файлът да се отваря както в Illustrator, така и в редактор на код, така че докато го записвате, можете да видите какво прави с кода.
Pathfinder е чудесен за ръчна оптимизация на фигури - струва си да се запознаете какво правят тези бутони - и какво правят с натиснат клавиш за опции.
Размерът на SVG файл в голяма степен се определя от това колко точки има във формите. Има и други фактори, но това е най-важното. Друго нещо, което разглеждаме в това видео, е да използваме функцията Illustrators Simplify Path, за да намалим броя на точките върху някои фигури с текстура, за да намалим размера на файла.
Друго нещо, което трябва да знаете: съставните пътеки могат да бъдат полезни. Две фигури, които са напълно отделени една от друга, все още могат да бъдат един път. Като, буквално един. Синтаксисът позволява по същество „вземете писалката, преместете я някъде другаде, нарисувайте нещо ново“. Така че, когато създавате съставна пътека в Illustrator (напр. Множество независими фигури, Object> Compound Path> Make), така се извежда. Може да доведе до опростен / оптимизиран SVG изход.