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

Графическая информация

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

Графическая информация и компьютерная графика

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

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

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

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

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

ПризнакРастровая графикаВекторная графика
Из чего состоитИз пикселейИз фигур и формул
При увеличенииТеряет чёткостьОстаётся чёткой
Где применяютФотографии, сложные рисункиЛоготипы, схемы, шрифты
Размер файлаОбычно большеОбычно меньше

Как кодируется цвет

Цвет каждого пикселя задаётся смешиванием трёх основных цветов: красного, зелёного и синего. Эту систему называют RGB (по первым буквам английских названий). Меняя долю каждого цвета, получают миллионы оттенков. Долю каждого основного цвета задают числом от 0 до 255: 0 значит «этого цвета нет», 255 — «максимум». Так компьютер хранит цвет как набор чисел, а значит, изображение целиком — это большая таблица чисел.

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

Чёрный = красный 0, зелёный 0, синий 0 Белый = красный 255, зелёный 255, синий 255 Красный = красный 255, зелёный 0, синий 0 Жёлтый = красный 255, зелёный 255, синий 0
Частые ошибки. Не думай, что растр всегда хуже вектора: для фотографии вектор не подходит, ведь живую сцену нельзя описать простыми фигурами. И наоборот, логотип лучше делать векторным, чтобы он не размывался на больших баннерах. Пиксель — это не «точка краски на бумаге», а элемент цифрового изображения.

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

  • Компьютерная графика — это создание и обработка изображений на компьютере.
  • Растровое изображение состоит из пикселей и теряет чёткость при увеличении.
  • Векторное изображение хранится как фигуры и формулы и масштабируется без потери качества.
  • Цвет пикселя задаётся смешением красного, зелёного и синего (RGB).
  • Фотографии — растровые, логотипы и схемы — векторные.