Что такое графическая информация

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

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

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

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

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

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

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

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

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

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

Чёрный = красный 0, зелёный 0, синий 0 Белый = красный 255, зелёный 255, синий 255 Красный = красный 255, зелёный 0, синий 0 Жёлтый = красный 255, зелёный 255, синий 0

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

Когда рисунок помогает, а когда нужна таблица

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

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

Ограничения изображения

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

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

Практика: школьное объявление

Объявление содержит только рисунок шахматной фигуры, число «15» и стрелку вправо. Что непонятно? Неясно, означает ли 15 время, дату или номер кабинета; куда ведёт стрелка; когда состоится встреча. Улучшение: добавить текст «Шахматный кружок: среда, 15:00, кабинет 12», а стрелку использовать только на плане с указанной точкой начала. Так текст и графика дополняют друг друга.

Справочные материалы: Графическая информация и компьютерная графика — исходная тема. Связанные уроки: Что такое диаграмма, Поиск пути по графу.

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

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