На цьому відео було видалено. Незабаром я його знову зніму. Якщо ви читаєте це, а я ще цього не зробив, сміливо зв’язуйтесь зі мною та повідомляйте про це.
Іноді SVG, який ви хочете використовувати, виглядає цілком добре в Illustrator, але це не зовсім так, як ви хотіли б використовувати його в Інтернеті.
Одне з речей, яке ми розглядаємо у цьому відео, - це проста фігура, яка здається, що це буде одна фігура, але насправді це чотири фігури, що сидять одна на одній. Щоб спростити це, ми просто виділяємо всі фігури та використовуємо інструменти Pathfinder в Illustrator, щоб об’єднати їх в одну фігуру. Ми можемо бачити, що це відразу відображається в коді. Іноді буває цікаво відкрити файл SVG як в Illustrator, так і в редакторі коду, так що, зберігаючи його, ви бачите, що він робить з кодом.
Pathfinder чудово підходить для ручної оптимізації фігур - варто дізнатися, що роблять ці кнопки - і що вони роблять, натиснувши клавішу опцій.
Розмір файлу SVG значною мірою визначається тим, скільки точок відбувається у фігурах. Є й інші фактори, але це велика справа. Ще одне, що ми розглядаємо у цьому відео, - це використання функції Illustrators Simplify Path, щоб зменшити кількість точок на деяких фігурних фігурних фігурах, щоб зменшити розмір файлу.
Ще одне, що слід знати: складені шляхи можуть бути корисними. Дві фігури, повністю відокремлені одна від одної, все одно можуть бути одним шляхом. Мовляв, буквально один. Синтаксис дозволяє по суті «взяти ручку, перенести її кудись ще, намалювати щось нове». Отже, коли ви створюєте складений шлях в Illustrator (наприклад, кілька незалежних фігур, Object> Compound Path> Make), саме так він виводиться. Може призвести до спрощеного / оптимізованого виходу SVG.