Тесты Пообщаться с GPT Протестировать код
Программирование Аналитика Дизайн Маркетинг Управление проектами
03 Дек 2023
4 мин
9502

Что такое растровая и векторная графика

Пройдите тест, узнайте какой профессии подходите

Векторная графика — это карты и схемы. А растровая — фотографии. Но разберемся подробнее

Картинки в растре и векторе на первый взгляд похожи. Но стоит увеличить растровое изображение — сразу видны отличия: появляются пиксели. Векторные изображения, наоборот, не теряют качество при увеличении, потому что их описывает математическая формула.

Что такое растровая графика

Растр — это сетка цветных пикселей. К растровому формату изображений относят фотографии, детализированные изображения, сканированные документы и всё, что можно создать в программах Photoshop, Procreate, Photo-Paint, Paint Pro, Painter.

Применение

Растровые изображения используют, когда нужно передать максимальную реалистичность цветов и деталей сложного натурального объекта. Например, дизайн ландшафта со множеством элементов растений, точный портрет человека.

Первая картинка в нормальном размере, поэтому пикселей не видно. Но при увеличении они появятся, как на втором примере
Первая картинка в нормальном размере, поэтому пикселей не видно. Но при увеличении они появятся, как на втором примере
Первая картинка в нормальном размере, поэтому пикселей не видно. Но при увеличении они появятся, как на втором примере
Первая картинка в нормальном размере, поэтому пикселей не видно. Но при увеличении они появятся, как на втором примере
Первая картинка в нормальном размере, поэтому пикселей не видно. Но при увеличении они появятся, как на втором примере

Популярные растровые расширения для статичных изображений: jpeg, png, bmp, dib, rle. Для анимированных картинок — gif.

Преимущества и недостатки

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

Еще один плюс — такие файлы легко печатать, потому что принтеры используют принцип «точка на каждый элемент картинки», под который как раз подходит растр.

Но есть и недостатки.

Качество изображения сильно ухудшается, если изменить его размер. Например, приблизить. На увеличенном изображении появляются цветные прямоугольники
Еще один минус растра — большой размер файла. Чтобы обрабатывать такие высококачественные фотографии, нужна дополнительная мощность процессора и большой объем оперативной памяти. Значит, хранить и обрабатывать такие файлы можно только на компьютерах повышенной мощности.

Узнать разницу между растровой и векторной графикой, научиться создавать иллюстрации и обрабатывать фотографии можно на курсе Skypro «Графический дизайнер». А еще — освоить создание презентаций, лендингов и печатной рекламной продукции. Все практические работы можно положить в портфолио, чтобы найти работу еще в процессе обучения.

Что такое векторная графика

Векторное изображение состоит из математических формул. Они описывают опорные точки и соединяющие линии. Такой формат картинок можно бесконечно масштабировать без потери качества.

Вектор используют в случаях, когда возможность менять размер без потери качества важнее реалистичности.

Применение

Чаще всего векторную графику применяют для схематических рисунков, карт, логотипов, диаграмм, иконок и смайликов. Такие изображения состоят из контура и его заливки в один цвет. Компьютер рассчитывает фигуры по математической формуле, поэтому картинка не расплывается, даже если сильно приблизить.

Популярные векторные форматы: svg — для веб-дизайна, eps — для полиграфии.

Преимущества и недостатки

Главный плюс — можно увеличивать и уменьшать размер файла до предела без ухудшения качества. Карту в формате svg просто масштабировать во сколько угодно раз, при этом контур не изменится.

Еще одно преимущество такого формата — в небольшом размере файла. Растровые картинки весят больше, в отличие от векторных.

Векторную графику можно приближать до бесконечности — качество не потеряется
Векторную графику можно приближать до бесконечности — качество не потеряется
Векторную графику можно приближать до бесконечности — качество не потеряется
Векторную графику можно приближать до бесконечности — качество не потеряется
Векторную графику можно приближать до бесконечности — качество не потеряется

Перейдем к недостаткам векторной графики.

Один из главных минусов — нереалистичность и схематичность изображения. Векторная графика не может передать цвета и переходы оттенков для демонстрации реальных объектов. Векторный формат не используют, когда нужно фотографическое качество, чтобы передать плавные переходы цвета с градиентом.

Как сконвертировать растровое и векторное изображения

Растровые картинки при конвертировании в векторные теряют реалистичность и переходы цветов и оттенков. Всё потому, что одна векторная фигура может быть залита только одним цветом.

У растрового изображения есть много градиентов благодаря пикселям.

Вектор можно легко перевести в растр в любом графическом редакторе или просто сделать скриншот изображения.
Вектор можно легко перевести в растр в любом графическом редакторе или просто сделать скриншот изображения.
Вектор можно легко перевести в растр в любом графическом редакторе или просто сделать скриншот изображения.
Вектор можно легко перевести в растр в любом графическом редакторе или просто сделать скриншот изображения.
Вектор можно легко перевести в растр в любом графическом редакторе или просто сделать скриншот изображения.

Что изучать и как научиться

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

В работе с векторными изображениями применяют другие редакторы — Adobe Illustrator, Figma, CorelDRAW. В Adobe Illustrator есть руководство пользователя с подробными инструкциями по работе (например, основы рисования).

Если бесплатных материалов недостаточно, вы хотите пойти дальше и стать дизайнером, присмотритесь к онлайн-курсам. В Skypro вы освоите профессию графического дизайнера с нуля за двенадцать месяцев. Не только научитесь работать в программах, но и соберете портфолио из учебных работ, получите обратную связь от экспертов. При этом первые проекты на фрилансе сможете выполнять уже через четыре месяца после старта.

Графический дизайнер от 60 000 рублей

Основные характеристики растровой и векторной графики: сводная таблица

Посмотрим наглядно, чем отличаются эти два вида графики.

Растровая графика Векторная графика
В основе Пиксели — много мелких прямоугольников Геометрические фигуры и линии, они задаются математическими формулами
Качество Высокая реалистичность Схематичность
Масштабирование Качество картинки портится Качество не меняется
Программы для работы Paint, Adobe Photoshop Adobe Illustrator, CorelDRAW
Сферы применения Детальные иллюстрации, фотографии, сканы документов Чертежи, схемы, карты, схематические картинки
На первой картинке фотография — растровая графика. На второй схематично нарисован заяц — векторная
На первой картинке фотография — растровая графика. На второй схематично нарисован заяц — векторная
На первой картинке фотография — растровая графика. На второй схематично нарисован заяц — векторная
На первой картинке фотография — растровая графика. На второй схематично нарисован заяц — векторная
На первой картинке фотография — растровая графика. На второй схематично нарисован заяц — векторная

Главное: что такое растровая и векторная графика

  • Растровая графика состоит из пикселей, векторная — из фигур и линий, которые заданы математическими формулами.
  • Отличия векторной и растровой графики: первые хорошо передают схему, а вторые — реалистичность.
  • Векторные изображения можно масштабировать до бесконечности. При увеличении растра качество картинки портится.
  • Если перевести картинку из растрового формата в векторный, реалистичность потеряется.
  • Популярные векторные форматы: svg, eps. Растровые: jpeg, png, bmp, dib, rle, gif.

Автор фотографий — Анна Щербакова

Добавить комментарий