14.1. Основы работы с графикой

Определения и обозначения

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

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

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

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

Как это устроено

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

В растровом изображении пиксели располагаются строками и столбцами, а цвет каждого из них записывается отдельно. Например, размер 800 × 600 пикселей означает 800 точек по ширине и 600 по высоте. Чем больше пикселей, тем больше мелких деталей можно передать, но обычно требуется больше памяти. Разрешение описывает размеры изображения в пикселях; при низком разрешении деталей меньше, а при увеличении точки становятся заметнее.

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

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

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

Сравнение растровой и векторной графики

Чтобы выбрать тип графики, сначала определите, что именно должно быть на изображении и как его будут использовать. Для фотографии обычно важны оттенки и детали, а для логотипа — чёткие контуры и возможность менять размер. Формат файла тоже выбирают по задаче: например, JPEG часто используют для фотографий, а PNG — когда важны прозрачность или сохранение изображения без потерь.

Разбор задач

Задача 1. Фотография, логотип и схема

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

1. Фотография содержит много мелких деталей и плавных переходов между цветами. Для неё подходит растровое представление, в котором каждому пикселю можно задать свой цвет.

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

3. Схема состоит преимущественно из линий, подписей и фигур. Такие элементы удобно создавать и двигать как отдельные векторные объекты.

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

Задача 2. Размер растра

Растровое изображение имеет размер 800 × 600 пикселей. Требуется найти количество пикселей и объяснить, что произойдёт при значительном увеличении. Количество точек в прямоугольнике равно произведению числа пикселей по ширине на число пикселей по высоте.

1. Записываем размеры: 800 пикселей по горизонтали и 600 по вертикали. Каждая строка содержит 800 точек, а таких строк 600.

2. Перемножаем числа: 800 × 600 = 480 000. Значит, изображение содержит 480 000 пикселей.

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

Ответ: 480 000 пикселей; при значительном увеличении качество может ухудшиться, и отдельные пиксели станут заметны.

Задача 3. Эмблема из фигур

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

1. Подбираем векторный редактор, потому что эмблема состоит из фигур и линий. Создаём объекты, задаём им размеры, цвет заливки и контур.

2. Проверяем, что каждый элемент можно выделить и изменить отдельно. Затем масштабируем всю эмблему и убеждаемся, что линии и края фигур остаются чёткими.

3. Для дальнейшего редактирования сохраняем проект в формате редактора или векторном формате SVG. Если изображение нужно вставить в документ или на сайт, выбираем формат, который поддерживает нужные свойства, например прозрачный фон.

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

Типичные ошибки

• Путать разрешение и количество цветов. Разрешение показывает размеры изображения в пикселях, а не число оттенков в нём. Путаница возникает потому, что оба понятия связаны с качеством изображения. Проверьте себя: если указаны ширина и высота в пикселях, речь идёт о размере или разрешении.

• Считать любое компьютерное изображение растровым. Рисунки могут быть растровыми или векторными, и эти способы хранения устроены по-разному. Так ошибаются, когда судят только по тому, что изображение видно на экране. Проверьте, описано ли оно пикселями или геометрическими объектами.

• Ожидать, что растровое изображение не потеряет чёткость при увеличении. При масштабировании пиксели становятся крупнее, а новых деталей не возникает. Этого не замечают, если увеличивают картинку лишь немного. Проверьте результат при большом масштабе: заметные точки или размытые края указывают на ограничения растра.

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

Связь с другими темами

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

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

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

Что запомнить

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