Вебинары Разобраться в IT Реферальная программа
Программирование Аналитика Дизайн Маркетинг
05 Май 2023
4 мин
5866

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

Векторная графика — карты, схемы. Растровая — фотографии.

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

Растровая графика

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

‍🎨 Применение и примеры

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

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

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

✔️ Преимущества

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

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

Недостатки

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

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

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

Векторная графика

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

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

‍🎨 Применение и примеры

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

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

✔️ Преимущества

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

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

Недостатки

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

Курс: Графический дизайн
Получите востребованную профессию, независимо от прошлого опыта, специальности 
и образования
Подробнее
Курс: Графический дизайн

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

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

Картинка переведена из растрового формата в векторный в онлайн-редакторе Vector Magic

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

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

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

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

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

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

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

На первой картинке фотография — растровая графика. На второй схематично нарисован заяц — векторная

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

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

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

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