Картинки в векторной графике: Фон: изображения, картинки, фотографии — Фон: фотографии

04.08.2023 alexxlab

Содержание

Чем отличается векторная графика от растровой

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

Изображение, построенное с помощью растровой технологии, представляет собой набор точек разных цветов – пикселей. Слово «растр» произошло от латинского «rastrum» и означает «решетка». Такая форма представления изображений действительно напоминает решетку из множества точек.

Растровая картинка состоит из пикселей такого маленького размера, что глаз человека воспринимает только все изображение целиком, не замечая, что оно состоит из отдельных точек. Такая графика обычно хранится в форматах JPEG, PNG, GIF.

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

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

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

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

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

Основные отличия

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

Различие между ними заключается в следующих особенностях:

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

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

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

Подготавливая этикетки для печати, стоит учитывать, что в векторной графике линии и обводки должны иметь минимальную толщину от 0,07 мм (0,2 пункта).

В растровых полутоновых форматах (Contone) рекомендуется минимальное разрешение от 300 точек на дюйм (или в самом низком качестве – не меньше 150). В растровых битовых изображениях (Bitmap) качество должно быть от 300 пикселей на дюйм, а лучшего всего от 600 и выше.

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

Если вы нашли ошибку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.

Что такое растровая и векторная графика простыми словами

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

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

Оглавление

Что такое растровая графика
Что такое векторная графика
Что в итоге: разница растровой и векторной графики

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

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

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

Пример растровой графики — фоторепродукция картины Гранта Вуда «Американская готика». Источник: Wikimedia Commons

Плюсы

Можно делать максимально реалистичные изображения с глубокими нюансами цвета. Качество картинки зависит от разрешения (количества пикселей).
Широкое применение растра — нет сложностей с его распаковкой и обработкой при передаче.

Минусы

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

Форматы

Чаще всего растровые изображения сохраняют в JPEG, GIF, PNG. Редактируют и создают такие файлы в Adobe Photoshop, Adobe Illustrator, Lightroom, Figma, SAI, Paint, Procreate.

Где применяют

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

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

Курсы по графическому дизайну

Курс

Школа

Рейтинг

Стоимость

Рассрочка

Длительность

Ссылка

Графический дизайнер

Skypro

5.0

131 633 ₽

Есть

10 месяцев

Сайт школы

Cтарт в дизайне

Contented

4.7

179 280 ₽

Есть

17 месяцев

Сайт школы

Графический дизайн и коммуникации

Нетология

4.6

84 900 ₽

Есть

9 месяцев

Сайт школы

Рекламная графика

Skillbox

4.5

67 729 ₽

Есть

2 месяца

Сайт школы

Профессия 2D Artist

Логомашина

0. 0

96 500 ₽

Есть

5 месяцев

Сайт школы

Графический дизайнер

МИТУ

0.0

38 000 ₽

Есть

9 месяцев

Сайт школы

Больше курсов

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

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

Типичный пример векторной графики — такие простые схематичные изображения. Источник: Pixabay

Рассмотрим на примере векторного изображения ниже. Хотя картинка довольно качественная, даже неопытному глазу понятно, что это не фото: изображение нереалистично. Доказательство: при многократном увеличении мы не видим точек, видны линии.

Векторное изображение дерева, источник: freepick.com

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

Пример конвертации из растрового JPG в векторный формат SVG.