P
pro·school.ru
Каталог школ

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

💻 Информатика · 7 класс

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

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

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

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

Глубина цвета — это число битов, отведённое на цвет одного пикселя. Чем больше глубина, тем больше оттенков можно передать.

Глубина цвета, битЧисло цветов
12
8256
24более 16 миллионов

Векторное изображение

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

Расчёт объёма растрового изображения

Объём растрового изображения равен числу пикселей, умноженному на глубину цвета.

Объём = ширина × высота × глубина цвета

Дано: 100 × 100 пикселей, глубина 8 бит.
Объём = 100 × 100 × 8 = 80 000 бит
80 000 : 8 = 10 000 байт ≈ 9,77 Кбайт
Правило: растровая графика хорошо передаёт фотографии и сложные оттенки, а векторная — чертежи, схемы и логотипы, которые часто масштабируют.

Где применяют каждый вид графики

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

Цветовые модели

Чтобы задать цвет пикселя, используют цветовые модели. На экране цвет получают смешением трёх основных цветов: красного, зелёного и синего. Меняя их яркость, можно получить миллионы оттенков. Поэтому глубина цвета в двадцать четыре бита делится на три части — по восемь битов на каждый основной цвет, что и даёт более шестнадцати миллионов возможных оттенков.

Частые ошибки

Главная ошибка — считать, что любое изображение можно увеличивать без потерь. У растровой картинки при увеличении становятся видны отдельные пиксели, и она теряет чёткость.

Кратко о главном

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