Математика графіки
Невелика фотографія (1200x800) пікселів - займає 3-4 Мбайти
Величезний плакат у векторному редакторі (2x3 метри) займає 0,5 Мбайт
Вся справа в нуликах та одиничках!
1 біт може зберігати значення НУЛЬ або ОДИН.
Якщо це чорно-біле зображення, то відповідно ЧОРНИЙ чи БІЛИЙ колір.
Але якщо багато кольорів, то все ускладнюється
Для зберігання малюнка розміром 32 на 64 пікселі виділено 2 Кб пам'яті. Скільки кольорів можна використати?
Кількість точок у зображенні:
32·64=2048 точок
Пам’ять
2 Кб=2 · 1024 байти = 2048 байтів
Тобто, на 1 точку припадає 1 байт = 8 бітів
8 бітів - це вибір 1 з 256 варіантів (28)
Задача.
Яку глибину кольору (скільки бітів на 1 колір) має зображення розміром 100х200 пікселів, якщо об’єм його файлу в форматі BMP становить 60000 байт?
Скільки точок у зображенні?
Ця кількість займає 60000 байт. Скільки припадає на 1 точку?
В байті 8 бітів. Отримане число помножте на 8
Роздільна здатність монітора
Роздільна здатність монітора - це кількість пікселів, які спалахують на екрані по горизонталі і вертикалі. Хоча монітори підтримують кілька варіантів вибору роздільної здатності, для кожного монітора існує оптимальна роздільна здатність.
Роздільна здатність камери
здатність пристрою передавати дрібні деталі зображення через фотоматрицю з чутливих світло-елементів
Мегапіксель - це приблизно 1 мільйон пікселів
Їх можна отримати, наприклад, у зображенні 1280 x 1024 пікселів
Удвічі більше мегапікселів - за площею, а не лінійно ширина чи висота
Роздільна здатність принтера
Максимальна кількість точок на дюйм, які принтер може надрукувати за один прохід друкуючої головки. (dpi - dots per inch)
Задача.
Яку ширину в дюймах матиме виведене на друк растрове зображення, якщо на моніторі з роздільною здатністю 120 ppi його ширина становить 4 дюйми, а роздільна здатність принтера - 960 dpi?
Ширина зображення 4 дюйми. При роздільній здатності 120 пікселів на дюйм, скільки воно займає пікселів?
Роздільна здатність принтера - 960 пікселів на дюйм. Скільки дюймів займе це зображення на папері?
Колірні моделі
Подання кольору як послідовності чисел - внесків окремих відтінків (колірних координат)
А білий і чорний - не кольори!
Числова арифметика в RGB
Червоний = 255,0,0 (червоний)
Зелений = 0,255,0 (зелений)
Синій = 0,0,255 (синій)
Фіолетовий = 255,0,255 (червоний + синій)
Жовтий=255,255,0 (червоний+зелений)
https://learningapps.org/2749055Колірні комбінації
Одноколірна
Аналогічна
Комплементарна
Тріада
Таким чином,
Невелика фотографія (1200x800) пікселів - займає 3-4 Мбайти
Величезний плакат у векторному редакторі (2x3 метри) займає 0,5 Мбайт
Кількість пікселів * Кількість кольорів = Код кожного пікселя
Кількість фігур * Код кольору = значно менше!
Колір року
Завдання
Згенеруй власну колірну палітру https://mycolor.space/
Створи колаж за прикладом
Кожен колір повинен мати RGB-код, 16-ковий код, поетичну назву (ШІ в допомогу) та доповнюватись фотографією предмета цього кольору
Варіант 2
Витягнути колірну гаму зображення https://color.adobe.com/create/image
Нехай кольори мають креативні назви до RGB-коду та 16-кового коду (ШІ в допомогу)
Варіант 3
Згенеруй власну колірну палітру https://mycolor.space/
Створи колаж за допомогою ШІ (+ нехай кольори мають креативні назви до RGB-коду та 16-кового коду)
Приклад діалогу з ШІ https://copilot.microsoft.com/sl/j8JaxlFgWrc