Растрова та векторна графіка. В чому різниця?

Періодично ми чуємо про те, що графіка буває векторною та растровою. Але не кожен зможе пояснити різницю між цими двома поняттями. Можливо для людини, яка працює з текстовими редакторами та електронними таблицями, вона й не важлива, але якщо ми говоримо про дизайн та графіку, розуміння різних способів побудови зображень необхідне.

Зміст:
Растрова графіка
Векторна графіка
Плюси і мінуси
Растрові зображення
Векторні зображення

Растрова графіка

Щоб зрозуміти принцип побудови растрового зображення, уявіть собі аркуш масштабно-координатного паперу (міліметрівки), кожна клітинка якого зафарбована якимось кольором. Таку клітинку називають пікселем.

Якість зображення називають роздільною здатністю. Його визначають кількістю пікселів, які й формує малюнок. Чим більше пікселів розміщено на одиниці площі, тим вища роздільна здатність, а отже вища і якість зображення. Наприклад, малюнок з роздільною здатністю 1280×1024 складається з 1280 px по вертикалі та 1024 px по горизонталі. Слід зазначити, що в даному випадку йдеться про фізичний розмір зображення, а не про одиницю площі (дюйм, сантиметр тощо).

Основним недоліком растрових зображень є помітне погіршення якості при масштабуванні (мається на увазі збільшення розміру зображення). Справа в тому, що збільшуючи (зменшуючи) розмір зображення, ви збільшуєте (зменшуєте) розмір кожного пікселя, що при значному масштабуванні дозволяє їх візуально визначити.

Крім того, часто до недоліків растру відносять відсутність можливості повороту малюнка на кут, відмінний від 90* без помітного спотворення самого малюнка, а також розмір файлу, який безпосередньо пов'язаний з якістю зображення.

Переваги растрових картинок також безперечні. Насамперед, це фотографічна якість одержуваного зображення, здатне передати всю гаму кольорів та їх відтінків.

Найбільш поширеним програмним забезпеченням для роботи із растровими зображеннями є Adobe Photoshop.

Векторна графіка

Побудова векторного зображення ґрунтується на так званих опорних точках, які з'єднані між собою кривими, що визначаються відповідними математичними алгоритмами. Працюючи з векторним зображенням, користувач визначає його опорні точки і характер векторних кривих між ними.

До переваг векторних зображень найчастіше відносять простоту редагування як малюнка в цілому, так і його окремих елементів, можливість коригування, так і значної зміни розміру зображення без втрати якості (включаючи поворот на заданий користувачем кут) і зміни розміру файлу, а також невеликий розмір файлу.

Векторні зображення можуть бути легко перетворені на растровий формат будь-якої роздільної здатності.

Створення повнокольорових векторних малюнків фотографічної якості досить трудомістко і технічно складно, що суттєво обмежує можливості роботи з рядом категорій зображень і є її основним недоліком.

Найбільш популярним програмним забезпеченням для роботи з векторною графікою є CorelDraw та Adobe Illustrator.

Плюси та мінуси

Растрові зображення

Плюси: чітко та максимально правдоподібно відображає відтінки кольорів, їх перетікання з одного до іншого, а також тіні.
Мінуси: При збільшенні помітно втрачає чіткість і виглядає неякісно.
Застосування: Застосовуються, як правило, при роботі з фотографіями та іншими зображеннями з насиченою гамою кольорів і плавними переходами кольору. Активно застосовувалась при дизайні сайтів, іконок додатків. Правда зараз, коли flat і material дизайн стали такими популярними, дизайнери все частіше використовую векторні програми для своїх творінь.

Векторні зображення

Плюси: масштабування без втрати чіткості зображення. Мінімальний розмір зображень.
Мінуси: дуже складно передати плавні переходи кольору і досягти фотографічної якості
Застосування: Застосовується для створення логотипів компаній, візиток, буклетів та іншої друкованої продукції. Також редактори векторної графіки є незамінними при створенні нових, оригінальних шрифтів. Але це ще не все. У редакторах векторної графіки можна створювати чудові ілюстрації.

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