34: Огляд програмного забезпечення SVG - CSS-хитрощі

Anonim

Існує багато можливостей зробити SVG без будь-якого програмного забезпечення. Якщо припустити, що у вас є хороше джерело зображень SVG в Інтернеті, ви можете використовувати їх безпосередньо. Але досить часто, що нам доведеться трохи їх відрегулювати. Я знаю, що мій найпоширеніший робочий процес - це знайти щось наближене до того, що мені потрібно, на веб-сайтах з стоковими фотографіями, наборах значків тощо, а потім маніпулювати цим, щоб було саме так, як я хочу. Налаштування фігур, видалення речей, зміна кольорів, припасування монтажної області та ін. Набагато простіше робити подібні речі за допомогою спеціального програмного забезпечення, а не від руки в коді.

Найпоширенішим програмним забезпеченням, яке ми використовували в цій серії, є Adobe Illustrator (19,99 дол. США на місяць). Illustrator - це велике, надійне програмне забезпечення для Mac або ПК. Безліч функцій. І це схоже на вибір гітари як інструменту, який ви хочете навчитися. Існує безліч підручників, які використовують його. Там багато людей, які використовують його, до якого ви можете звернутися. Illustrator може ЗБЕРІГАТИ ЯК у SVG, це означає, що це власний формат файлу, з яким можна працювати, що дуже приємно.

У всьому різному програмному забезпеченні, яке ми розглядаємо, жодне з них не виводить SVG настільки оптимізованим, як ви, мабуть, хочете для Інтернету. Усі вони вставляють загальні коментарі та матеріали типу метаданих, в яких сказано, в якому програмному забезпеченні воно створено і подібне, що абсолютно марно для використання в Інтернеті. Гірше, насправді, оскільки він збільшує розмір файлу, що робить справи повільнішими. Ви завжди хочете оптимізувати SVG, який ви отримуєте від будь-якого програмного забезпечення (незабаром ми проведемо скринкаст щодо оптимізації).

Inkscape - ще один популярний варіант редагування SVG. Я думаю, що це, мабуть, тому, що це крос-платформна (робота на Mac, ПК, Linux) і безкоштовна. Він також існує довгий час і має надійний набір функцій. Я вважаю це трохи незручним, насамперед як користувач Mac, оскільки інтерфейс настільки дивно відрізняється від усього іншого, до чого я звик.

Мені подобається Sketch, який призначений лише для Mac (99 доларів США). Мені особливо подобається, що ви можете вибрати об’єкти та групи, а потім “Зробити експортованим”, а потім SVG - це варіант експорту як, що дає вам обрізаний, цілком придатний для використання SVG.

Ми також розглянули iDraw (Mac $ 24,99 і iOS $ 8,99). Існує також WebCode (Mac $ 39,99).

Ми спеціально не розглядали їх у відео, але є також деякі редактори SVG на основі браузера, які дуже гарні:

  • Редагування SVG
  • Метод
  • Мондріан