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

Обработка графической информации

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

Обработка графической информации

Компьютерная графика — это создание, хранение и обработка изображений с помощью компьютера. Любая картинка на экране состоит из множества светящихся точек — пикселей (от английских слов «элемент картинки»). Сам по себе пиксель очень мал, и глаз не различает отдельные точки, поэтому изображение кажется сплошным. Но хранить картинку в памяти можно двумя принципиально разными способами, и от выбора способа зависит, как изображение поведёт себя при увеличении и сколько места займёт файл.

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

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

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

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

В векторном изображении хранится не сетка точек, а математическое описание геометрических объектов: «отрезок из точки A в точку B», «окружность радиуса 5 с центром здесь», «закрасить область синим цветом». Компьютер каждый раз заново строит картинку по этим формулам. Именно поэтому векторный рисунок можно увеличивать во сколько угодно раз — он останется идеально чётким, ведь линии пересчитываются под новый размер. Так создают логотипы, схемы, чертежи, диаграммы и шрифты. Зато сложную фотографию вектором не описать: слишком много мелких разноцветных деталей.

Сравнение двух видов графики

СвойствоРастроваяВекторная
Что хранитсяЦвет каждого пикселяФормулы фигур (линии, кривые)
УвеличениеПоявляются квадратикиОстаётся чёткой
Для чего подходитФотографии, сложные изображенияЛоготипы, схемы, чертежи
Размер файлаОбычно большеОбычно меньше
Форматы файловJPEG, PNG, BMP, GIFSVG, CDR, AI

Сколько памяти занимает картинка

Объём растрового изображения зависит от числа пикселей и от глубины цвета — числа битов, отведённых на один пиксель. Если на пиксель приходится i битов, то различных цветов получается 2 в степени i. Например, при 8 битах на пиксель доступно 256 цветов, а при 24 битах — больше 16 миллионов. Чтобы найти объём всей картинки, число пикселей умножают на глубину цвета и переводят результат из битов в байты.

Глубина цвета i = 8 бит на пиксель
Число цветов = 2^8 = 256
Размер картинки 100 на 200 пикселей
Всего пикселей = 100 * 200 = 20000
Объём = 20000 * 8 = 160000 бит
160000 / 8 = 20000 байт ≈ 19,5 Кбайт
Частые ошибки. Не путайте биты и байты: 1 байт = 8 бит, поэтому в конце результат делят на 8. Не считайте, что векторная графика «лучше» во всём — настоящую фотографию вектором сохранить нельзя. И помните: разрешение — это число пикселей по ширине и высоте, а не размер экрана в сантиметрах.

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

  • Растр хранит цвет каждого пикселя, вектор — формулы фигур.
  • Растр размывается и рассыпается на квадраты при увеличении, вектор — нет.
  • Фотографии — это растр; логотипы и схемы — вектор.
  • Глубина цвета i бит даёт 2^i различных цветов.
  • Объём растра = число пикселей × глубину цвета (в битах), затем делят на 8.