Как компьютер хранит цвет и изображение?

Слайд 1. Как компьютер хранит цвет и изображение?

Информатика, 7 класс • Цветовые модели, пиксели и объём изображения

Слайд 2. Пиксель — крошечный элемент изображения

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

Чем больше пикселей, тем подробнее можно показать мелкие детали.

Слайд 3. RGB: смешиваем свет

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

Слайд 4. Растр или вектор: в чём разница?

Состоит из пикселей.

Хорошо передаёт фотографии и сложные оттенки.

При сильном увеличении становятся заметны квадратики.

Состоит из описаний линий, фигур и кривых.

Удобно для значков, схем и логотипов.

Можно увеличивать без заметной потери чёткости.

Слайд 5. Глубина цвета и палитра

Сколько бит выделено для записи цвета одного пикселя.

Набор цветов, которые доступны изображению.

Меньше возможных оттенков, зато проще хранить изображение.

Больше оттенков и плавнее переходы между цветами.

Слайд 6. Сколько места займёт растр?

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

Пример без учёта служебных данных: картинка размером $100\times 100$ пикселей с глубиной $24$ бита занимает $100\times 100\times 24=240000$ бит, или $30000$ байт.

Почему при той же глубине большая картинка занимает больше места?

Слайд 7. Формула объёма графического файла

Слайд 8. Практика: объём графического файла

Для несжатых растровых изображений найди объём. В ответах укажи биты и байты, где это возможно.

1. Изображение 320 × 200 пикселей, глубина цвета — 8 бит на пиксель. Найди объём в байтах.

2. Изображение 800 × 600 пикселей, глубина цвета — 24 бита на пиксель. Найди объём в байтах.

3. Изображение занимает 48 000 байт. Его ширина — 200 пикселей, глубина цвета — 8 бит на пиксель. Найди высоту.

Слайд 9. Задачи: объём графического файла

Реши задачи для несжатых растровых изображений. Переведи результат из битов в байты, если нужно.

1. Изображение размером 200 × 150 пикселей имеет глубину цвета 8 бит. Найди объём в битах и байтах.

2. Изображение 640 × 480 пикселей закодировано с глубиной 24 бита на пиксель. Найди объём в байтах.

3. Файл занимает 12 000 байт. Глубина цвета — 8 бит на пиксель, ширина — 100 пикселей. Найди высоту изображения.

Слайд 10. Обсудим и проверим себя

Представь, что создаёшь аватар для игры. Когда выберешь растровое изображение, а когда векторное?

Как изменится файл, если увеличить размер картинки, но оставить ту же глубину цвета?

Почему фотография обычно выглядит естественнее в растре, а логотип удобно хранить в векторе?

Слайд 11. Мини-игра «Угадай формат»

Определи, что лучше выбрать — растр или вектор:

Фотография кота

Значок приложения

Схема маршрута

Портрет с мягкими цветовыми переходами

Обсудите выбор в паре: что будет при сильном увеличении?

Слайд 12. Что запомнить

Пиксель — цветная точка растрового изображения.

RGB смешивает красный, зелёный и синий свет.

Глубина кодирования определяет, сколько бит хранит цвет пикселя.

Растр состоит из пикселей, вектор — из описаний фигур и линий.

Для оценки объёма растра перемножь ширину, высоту и глубину цвета.