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

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

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

Растровое изображение состоит из пикселей

Растровое изображение — это изображение, состоящее из множества точек разного цвета. Такие точки называют пикселями.

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

Растровое изображение может появиться разными способами:

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

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

Главная модель урока: растровое изображение = сетка пикселей, у каждого пикселя есть положение и цвет.

От количества пикселей зависит детализация

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

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

Сравни две ситуации:

Фраза «чем больше файл, тем красивее изображение» неверна. Большой размер файла сам по себе не гарантирует хорошего результата: плохой исходник не станет чётким только из-за повторного сохранения.

Что происходит при изменении размера

При изменении размеров растрового изображения его качество может ухудшиться.

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

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

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

Графический редактор создаёт и изменяет изображения

Графический редактор — программа для создания и редактирования изображений. В учебнике работа рассматривается на примере растрового редактора Paint для Windows. Существуют и другие редакторы; их внешний вид отличается, но основные действия похожи.

Растровый графический редактор позволяет:

1. создавать рисунки с помощью инструментов и цветов;
2. стирать, копировать, вырезать и перемещать части изображения;
3. поворачивать, наклонять и изменять размер изображения или его части;
4. добавлять текст;
5. открывать готовые изображения;
6. сохранять результат в файл и выбирать формат.

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

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

Отмена и возврат помогают исправлять действия

Команда Отменить убирает последнее выполненное действие. Команда Вернуть повторно применяет отменённое действие, если после отмены не была начата другая работа.

Например, ученик случайно закрасил часть рисунка. Сначала разумно выбрать «Отменить», а не закрывать программу и не начинать всё заново. Но отмена не заменяет сохранение: после серьёзного сбоя или закрытия программы несохранённая работа может быть потеряна.

Масштаб просмотра не меняет изображение

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

Важно различать два действия:

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

В меню Вид также могут находиться команды показа сетки, линеек и полноэкранного режима. Сетка помогает увидеть границы пикселей при сильном увеличении. Из полноэкранного режима обычно выходят клавишей Esc.

Как выбрать формат файла

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

Универсально «лучшего» формата нет. Выбор зависит от задачи. Для фотографии разумно рассмотреть JPEG, для рисунка с прозрачным фоном — PNG, а для простой анимации — GIF. Если учитель просит сохранить работу сразу в нескольких форматах, используй Сохранить как, меняй формат и внимательно проверяй имя нового файла.

Не меняй расширение вручную, просто переписывая последние буквы имени. Такая замена не преобразует данные. Формат выбирают в окне сохранения или с помощью специальной команды экспорта.

Открытие и сохранение изображения

Чтобы продолжить работу с готовым изображением:

1. выбери Файл → Открыть или нажми Ctrl + O;
2. открой нужную папку;
3. выбери файл;
4. нажми Открыть или дважды щёлкни по значку файла.

При первом сохранении новой работы:

1. выбери Файл → Сохранить как;
2. укажи папку, предложенную учителем;
3. выбери нужный формат;
4. введи понятное имя файла;
5. нажми Сохранить;
6. проверь, появился ли файл в нужной папке.

После первого сохранения можно периодически нажимать кнопку сохранения или Ctrl + S. Файл будет обновляться под уже заданным именем. Сохраняй работу после завершения важного этапа, а не только в самом конце.

Надёжная привычка: создал основу → сохранил; добавил важные детали → сохранил; закончил → сохранил и проверил файл.

Практическая работа

Выполняй работу в программе и папке, которые указал учитель.

1. Открой растровый графический редактор.
2. Найди холст, инструменты, палитру, меню Файл и строку состояния.
3. Запиши в тетради размеры холста, показанные в строке состояния.
4. Включи линии сетки, если такая команда доступна.
5. Увеличь масштаб и рассмотри отдельные пиксели.
6. Верни удобный масштаб просмотра.
7. Открой выданное учителем изображение.
8. Сохрани копию под новым понятным именем в указанной папке.
9. Если учитель поручил сравнение форматов, сохрани отдельные копии и не заменяй исходник.

После работы ответь: какие действия меняли только вид на экране, а какие создавали новый или изменённый файл?

Разбери ситуации

1. Ученик увеличил масштаб до 800 % и решил, что изображение испортилось. Что нужно проверить?
2. Маленькую картинку сильно растянули, и края стали ступенчатыми. Почему?
3. Для фотографии с плавными переходами предлагают GIF. Какой формат из таблицы обычно уместнее?
4. Нужно сохранить рисунок с прозрачным фоном. Какой формат подходит?
5. Ученик закончил рисунок, но ни разу его не сохранил. В чём риск?
6. После команды «Сохранить как» старый файл исчезнет обязательно. Верно или неверно?

Самопроверка

1. Из чего состоит растровое изображение?
2. Что такое пиксель?
3. Почему при сильном увеличении виден ступенчатый эффект?
4. Для чего предназначен графический редактор?
5. Чем масштаб просмотра отличается от изменения размера изображения?
6. Какие данные нужно выбрать при первом сохранении файла?
7. Почему работу рекомендуют сохранять периодически?

Ключ

1. Растровое изображение состоит из множества пикселей разного цвета.
2. Пиксель — мельчайшая единица растрового изображения.
3. Прежние пиксели показываются крупнее, поэтому наклонные и округлые края выглядят как ступени; простое увеличение не добавляет настоящих деталей.
4. Для создания, открытия, редактирования и сохранения изображений.
5. Масштаб меняет только показ на экране, а изменение размера перестраивает само изображение и его размеры в пикселях.
6. Папку, имя и формат файла, затем подтвердить сохранение.
7. Чтобы не потерять весь результат при закрытии программы, сбое или ошибке.

Разбор ситуаций: 1 — вернуть обычный масштаб и сравнить: сам файл мог не измениться; 2 — растянули прежнюю сетку пикселей; 3 — обычно JPEG; 4 — PNG; 5 — при сбое или закрытии результат можно потерять; 6 — неверно: при другом имени или формате создаётся отдельный файл, если ученик выбрал соответствующее место и не согласился заменить существующий.

Итог

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

Домашнее задание: прочитай § 5, ответь на вопросы 1–6 после параграфа. Для трёх ситуаций — фотография, рисунок с прозрачным фоном и простая анимация — запиши подходящий формат и кратко объясни выбор.