Комп'ютерна графіка

та її види
 ПЛАН

1. Поняття комп’ютерної графіки.

2. Растрові зображення та їх властивості.
3. Найпоширеніші растрові формати.
 1. Поняття КГ
Комп’ютерна графіка - розділ інформатики, що
вивчає засоби і способи створення й обробки
графічних зображень за допомогою комп’ютерної
техніки.

Комп’ютерна графіка - галузь людської

діяльності, пов'язана з використанням комп'ютерів для
створення зображень і обробки візуальної інформації,
отриманої з реального світу.
Сфери застосування КГ
 Сфери застосування КГ
Комп'ютерна графіка застосовується для візуалізації
даних у різних сферах людської діяльності:

Медицина Наука Дизайн

 СФЕРИ ЗАСТОСУВАННЯ КГ
За спеціалізацією в різних галузях, комп’ютерна графіка є :
 Види комп'ютерної графіки

Комп'ютерна графіка

• Статична • 2- вимірна

• Динамічна • 3-вимірна

• Растрова
• Векторна
• Фрактальна
 2. Растрова графіка
Растрова графіка – це вид комп'ютерної графіки, у
якому зображення подається у вигляді набору
забарвлених точок (пікселів).

Піксель – найменший елемент

двовимірного цифрового зображення в
растровій графіці (зазвичай квадратної
або круглої форми), що має певний
колір.
Основні характеристики растрових
зображень
 Основні характеристики растрових
зображень

Глибина кольору (кількість кольорів)

– це кількість бітів, які використовуються для
кодування певного кольору пікселя
растрового зображення.

Кожен колір можна розглядати як

можливий стан точки (пікселя), тоді кількість
кольорів, які може відобразити екран
монітора можна обчислити за формулою:

де І – глибина кольору (в бітах),

N – кількість кольорів.
Глибина кольору і кількість відтворюваних
кольорів

Глибина
Кількість відтворюваних кольорів
кольору (біт)

1 21=2

4 24 = 16

8 28 = 256
16 216 = 65 536 ( режим High Color)

24 224 = 16 777 216 (режим True Color)

32 232 = 4 294 967 296

 Основні характеристики растрових
зображень

Роздільна здатність зображення – величина, що

показує, скільки пікселів зображення розміщується на
одиниці довжини (вимірюють в крапках на дюйм dpi).
1 дюйм =2,54 см.
 Основні характеристики растрових
зображень

Розмір зображення – характеризується числом пікселів

по горизонталі та вертикалі.(Наприклад: 640х480).

Чим більше пікселів міститься по горизонталі і

вертикалі за одних і тих самих геометричних розмірів
рисунка, тим вища якість відтворення цього малюнка.
 Основні характеристики растрових
зображень

Розмір файлу зображення – вимірюється в байтах,

залежить від глибини кольору, задіяної системи
кольорів, розміру зображення.
Наприклад.
Визначити розмір файлу монохромного зображення
розміром 2600х2000 пікселів.
Розв'язок
1.Обчислимо розмір зображення в пікселях:
2600*2000=5200000 пікселів.
2.У монохромному режимі для зберігання одного
пікселя потрібно 1 біт. Відповідно в 1 байті ( 8 біт)
зберігається інформація про 8 пікселів. Отже, загальний
інформаційний обсяг зображення становить 5
200000:8= 650 000 байт.
 Завдання

Розв'яжіть задачі на кодування.

1.Визначити розмір файлу для 16-колірного
зображення, розміром 2600х2000 пікселів.

2.Візьмемо зображення розміром 100х100 точок,

збережене у файлі з розширенням bmp. Збереження
виконано у 24 розрядах. Який обсяг пам'яті потрібен для
його зберігання? Тепер збережемо зображення в 16
кольорах. Як зміниться розмір файлу? Збережемо
зображення – у монохромному режимі . Який обсяг пам'яті
потрібен буде для цього формату?
 Завдання
Розв'яжіть задачі на кодування.

3. Чому дорівнює обсяг графічних даних у

зображенні 300x400 пікселів, якщо інформація
про колір описується 4 байтами?

4. Знайдіть кількість графічної інформації в ярлику

розміром 30 х 20 пікселів, який виконаний у
палітрі з 256 кольорів.

5. Нехай установлена роздільна здатність монітора

становить 1024х 768 пікселів, а крок сітки растра
дорівнює — дюйма. Який 96 розмір екрана
монітора (у см)?
 Завдання
Розв'яжіть задачі на кодування

Перегляньте властивості графічних зображень ,

занесіть результати своєї роботи в таблицю

Розмір Роздільна Глибина Розмір

Ім'я
зображення здатність кольору файла
файла
(точок) (dpi) (біт) (Кбайт)
         
 Особливості растрових зображень
Щоб збільшити
зображення, доводиться
збільшувати розмір пікселів.
Зображення виходить
ступінчастим, зернистим.
Для зменшення зображення доводиться перетворювати
кілька сусідніх точок в одну або ж викидати зайві. У
результаті зображення спотворюється : його дрібні деталі
стають нерозбірливими (чи можуть взагалі зникнути),
картина втрачає чіткість.
Отже , растрове зображення масштабується із
втратою якості.

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

розчленувати.
 Переваги і недоліки растрової графіки

ПЕРЕВАГИ НЕДОЛІКИ

Висока якість зображення Великі розміри файлів, що

зберігають зображення
Реалістичність зображення Втрата якості при масштабуванні
зображень
Природність кольорів. Не можна розчленувати.

Можливість отримання Складність редагування окремих

зображень за допомогою елементів зображення
спеціальних пристроїв
 Програми для роботи з растровими
зображеннями
Графічний редактор – програма (або пакет програм),
що дозволяє створювати та редагувати зображення за
допомогою комп'ютера.
Існує багато програм для роботи з растровими
зображеннями: графічні редактори, фоторедактори,
програми для перегляду зображень та інші.
Прикладні програми для роботи з растровою графікою
призначені для створення книжкових та журнальних
ілюстрацій, обробки оцифрованих фотографій, слайдів,
відеокадрів, кадрів мультиплікаційних фільмів.
 Програми для роботи з растровою
графікою

 MS Paint;

 MS Adobe Photoshop;

 MS Photo Editor;

 Corel Photo-Paint;

 Fractal Design Painter;

 Micrograft Picture Publisher.

 Програми растрової графіки можуть
використовувати:

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

Графічний формат – визначає спосіб кодування

збереженої в ньому інформації.
Налічується безліч форматів для запису зображення.

Формати графічних файлів

зберігають зберігають можуть
зображення в зображення в поєднувати
растровому векторному обидва подання
вигляді вигляді
bmp, tiff, pcx, psd, cdr, wmf, eps, pict, cdr,
jpeg svg ai,fh7
 Формати графічних файлів

GIF (Graphics Interchange Format) призначений для

стискання файлів, що містять багато однорідних заливок
(у логотипах, написах, схемах).
Працюючи з форматом GIF, можна застосувати таку
властивість зображення, як прозорість ,у результаті чого
певна його частина стане невидимою. Файл GIF у може
містити не одну, а кілька растрових картинок – у такому
разі завдяки тому, що браузери відображають їх по черзі із
зазначеною у файлі частотою, створюється ілюзія руху
(GIF- анімація).
Основне обмеження формату GIF полягає в тому. Що
його палітра складається лише із 256 кольорів.
 Формати графічних файлів

JPEG (Joint Photographic Experts Group) у форматі

застосовується принцип стиснення даних з видаленням
певної їх частини. Видаляється так звана надлишкова
частина даних, яка практично не сприймається людським
оком. Унаслідок цього розмір файлу стає набагато меншим.
Кількість видалених даних, тобто ступінь стиснення
зображення, можна регулювати.
Формат JPEG краще застосовувати для зберігання
растрових картинок фотографічної якості, ніж логотипів чи
схем.
У форматі JPEG рекомендується записувати лише
остаточний варіант роботи, тому що кожна операція
збереження (відкривання) призводить до додаткових втрат
даних.
 Формати графічних файлів

PNG (Portable Network Graphics ) – формат

використовують для розміщення зображень в Інтернеті. Є
його два різновиди PNG-8 і PNG-24. Формат PNG-8
підтримує 8 біт кольорової інформації (256 кольорів),
формат PNG-24- 24 біти, що відповідає колірному
діапазону моделі RGB. Останній формат порівняно
новий, але він уже здатний конкурувати з GIF. Він також
підтримує напівпрозорість.
Формат PNG задовольняє основній вимозі WWW –
забезпечення однакового вигляду зображення незалежно
від того, яку апаратуру застосовує користувач. Збережене
у цьому форматі зображення матиме однаковий колір на
будь-якому ПК.
 Формати графічних файлів

TIFF (Tagger Image File Format) – апаратно-

незалежний формат, наразі є одним із найпоширеніших і
найнадійніших, його підтримують майже всі програми, так
чи інакше пов'язані з графікою.
Це найкращий вибір для зберігання сканованих
малюнків, а також для імпортування растрової графіки у
векторні програми та видавничі системи. Він підтримує
всі колірні моделі – від монохромної до RGB і CMYK.
У разі використання формату ТIFF можна зберігати
контури для зазначення місця обтинання малюнка під час
друку, прозорість та іншу додаткову інформацію про
зображення.
 Формати графічних файлів

PSD (Adobe Photoshop Document) - внутрішній

формат растрового редактора Photoshop . Дає можливість
записувати зображення з кількома шарами, масками,
додатковими альфа-каналами і колірними каналами,
контурами та іншою інформацією.

BMP (Windows Device Independent Bitmap) –

растровий , «рідний» формат ОС Windows , який
підтримують усі графічні редактори, які працюють під ОС
Windows .
 Контрольні запитання
1. Назвіть усі відомі вам види графіки.
2. У чому переваги растрової графіки?
3. У чому недоліки растрової графіки?
4. Які є формати графічних файлів?
5. Який формат графічного файлу найкращий, на вашу
думку? Чому?