Відмінності між версіями «Лабораторна №3 Люненко»

Матеріал з Вікі ЦДУ
Перейти до: навігація, пошук
 
(не показано 5 проміжних версій цього учасника)
Рядок 1: Рядок 1:
 +
'''Растрова графіка''' - є частиною комп'ютерної графіки, яка має справу зі створенням, обробкою та зберіганням растрових зображень. Растрове зображення є масивом кольорових точок (пікселів). Обробка растрової графіки здійснюється растровими графічними редакторами. Растрові зображення зберігаються у різних графічних форматах.
 +
 +
'''Характеристиками растрового зображення є''':
 +
* Кількість пікселів — зазвичай вказують кількість пікселів по ширині і висоті (наприклад, 1024 × 768, 1920 × 1080)
 +
* Кількість використовуваних кольорів або глибина кольору (обсяг пам'яті в бітах, що використовуються для одного пікселя);
 +
* Колірний простір — RGB, CMYK, XYZ, YCbCr та ін;
 +
* Роздільна здатність — довідкова величина, яка вказує на рекомендований розмір зображення.
 +
 +
'''Векторна графіка''' — створення зображення в комп'ютерній графіці з сукупності геометричних примітивів — (точок, ліній, кривих, полігонів), тобто об'єктів, які можна описати математичними виразами. Векторна графіка для опису зображення використовує вектори, на відміну від растрової графіки, яка описує зображення як масив пікселів (точок).
 +
 +
'''Перевагами векторної графіки''' є:
 +
* Розмір файла, який займає описова частина, не залежить від реальної величини об'єкта, що дозволяє, використовуючи мінімальну кількість інформації, описати достатньо великий об'єкт файлом мінімального розміру.
 +
* У зв'язку з тим, що інформація про об'єкт зберігається в описовій формі, можна нескінченно збільшити графічний примітив, наприклад, дугу кола, і вона залишиться гладкою. З іншого боку, якщо крива представлена у вигляді ламаної лінії, збільшення покаже, що крива не є гладкою.
 +
* Параметри об'єктів зберігаються і можуть бути легко змінені. Також це означає, що переміщення, масштабування, обертання та інше, не погіршує якості малюнка.
 
=== Растрові формати ===
 
=== Растрові формати ===
 
{| class="wikitable" border="2" width="100%"
 
{| class="wikitable" border="2" width="100%"
Рядок 8: Рядок 22:
 
|-
 
|-
 
|'''BMP'''
 
|'''BMP'''
−
|Файл BMP формат файлу зображень растрової графіки, де зображення зберігається у вигляді двовимірного масиву з пікселів, кожен піксель має власний колір[2]. Запам'ятовує одно- й багатокольорові (RGB) ілюстрації у формі Pixel.У даному форматі можна зберігати тільки одношарові растри. На кожен піксель в різних файлах може приходити різна кількість біт (глибина кольору).
+
|Файл BMP формат файлу зображень растрової графіки, де зображення зберігається у вигляді двовимірного масиву з пікселів, кожен піксель має власний колір. Запам'ятовує одно- й багатокольорові (RGB) ілюстрації у формі Pixel.У даному форматі можна зберігати тільки одношарові растри. На кожен піксель в різних файлах може приходити різна кількість біт (глибина кольору).
 
| *.bmp<br/>*.dib
 
| *.bmp<br/>*.dib
−
|[[Файл:Example1.bmp|міні]]
+
|[[Файл:Example_1.png|міні]]
 
|-  
 
|-  
 
|'''JPG'''
 
|'''JPG'''
Рядок 29: Рядок 43:
 
|}
 
|}
  
−
=== Векторний формат ===
+
=== Векторні формати ===
 
{| class="wikitable" border="2" width="100%"
 
{| class="wikitable" border="2" width="100%"
 
|'''Формат'''
 
|'''Формат'''
Рядок 39: Рядок 53:
 
|Це формат векторного файлу, який користується популярністю серед веб-дизайнерів не тільки через свої можливості зміни розміру. SVG-файли написані мовою XML, тобто вони зберігають текстову інформацію саме як текст, а не фігуру. Це дозволяє пошуковим системам, зокрема Google, розпізнавати SVG-графіку за ключовими словами, що потенційно підвищує рейтинг пошуку веб-сайту.
 
|Це формат векторного файлу, який користується популярністю серед веб-дизайнерів не тільки через свої можливості зміни розміру. SVG-файли написані мовою XML, тобто вони зберігають текстову інформацію саме як текст, а не фігуру. Це дозволяє пошуковим системам, зокрема Google, розпізнавати SVG-графіку за ключовими словами, що потенційно підвищує рейтинг пошуку веб-сайту.
 
|*.svg
 
|*.svg
−
|[[Файл:Example5.svg|міні]]
+
|[[Файл:Example_5.png|міні]]
 
|-  
 
|-  
 
| '''WMF'''
 
| '''WMF'''
 
|Універсальний формат векторних графічних файлів для додатків Windows. Використовується для збереження колекції векторних зображень Microsoft Clip Gallery. WMF використовують для збереження образу вікна і його подальшого відновлення, а також при перенесенні інформації за допомогою буфера обміну (clipboard). Операційна система Windows дозволяє швидко і просто взаємодіяти із файлами у форматі, що може бути відкритим і за допомогою кросплатформених додатків. Файли WMF складаються із переліку записів, кожен з яких є певною командою з набором аргументів.
 
|Універсальний формат векторних графічних файлів для додатків Windows. Використовується для збереження колекції векторних зображень Microsoft Clip Gallery. WMF використовують для збереження образу вікна і його подальшого відновлення, а також при перенесенні інформації за допомогою буфера обміну (clipboard). Операційна система Windows дозволяє швидко і просто взаємодіяти із файлами у форматі, що може бути відкритим і за допомогою кросплатформених додатків. Файли WMF складаються із переліку записів, кожен з яких є певною командою з набором аргументів.
−
|*.wmf
+
|*.wmf<br/>*.wmz
−
|[[Файл:Example_6.wmf|міні]]
+
|[[Файл:Example_6.png|міні]]
 
|-
 
|-
 
|}
 
|}
−
 
−
==Порівняння растрових та векторних зображень==
 
−
{| class="wikitable" border="1" width="40%"
 
−
!Векторні
 
−
!Растрові
 
−
|-
 
−
|Складаються з об'єктів описаних математично
 
−
|Складаються з масивів пікселів
 
−
|-
 
−
|Обсяг залежить не від розміру зображення, а від кількості об'єктів на ньому
 
−
|Обсяг залежить від розміру зображення
 
−
|-
 
−
|Можна збільшувати без погіршення якості
 
−
|У разі збільшення зображення якість погіршується
 
−
|-
 
−
|Не дають змогу точно передати перехід від одного кольору до іншого
 
−
|Дають змогу отримати зображення фотографічної якості
 
−
|}
 
−
 
−
*Власна думка:  Найбільш привабливим я вважаю формат PNG, оскільки зображення з ним доступні для стиснення без доступних зору втрат якості. Також не варто забувати, що PNG створювався як заміна GIF, тому має схожу якість при оптимальному розмірі.
 
  
 
===Таблиця порівняння форматів===
 
===Таблиця порівняння форматів===
−
{| class="wikitable" border="1" width="100%"
+
{| class="wikitable" border="1"
 
!'''Формат'''
 
!'''Формат'''
−
!'''Макс. кількість<br/>бітів/пікселів'''
+
!'''Макс. кількість пікселів'''
−
!'''Макс. кількість<br/>кольорів'''
+
!'''Макс. кількість кольорів'''
−
!'''Макс. розмір<br/>зображення,<br/>піксель'''
+
!'''Макс. розмір зображення'''
−
!'''Методи<br/>стиснення'''
+
!'''Методи стиснення'''
−
!'''Приклад'''
+
 
|-
 
|-
 
! BMP
 
! BMP
Рядок 82: Рядок 75:
 
! 65535 x 65535
 
! 65535 x 65535
 
! RLE
 
! RLE
−
! [[Файл:Listening.png|200px|center]]
 
 
|-
 
|-
 
! JPEG
 
! JPEG
Рядок 89: Рядок 81:
 
! 65535 x 65535
 
! 65535 x 65535
 
! JPEG
 
! JPEG
−
! [[Файл:Floppa.jpeg|200px|center]]
+
|-
 +
! GIF
 +
! 8
 +
! 256
 +
! 65535 x 65535
 +
! LZW
 
|-
 
|-
 
! PNG
 
! PNG
Рядок 96: Рядок 93:
 
! 2 147 483 647 x 2 147 483 647
 
! 2 147 483 647 x 2 147 483 647
 
! Deflation (LZ77)
 
! Deflation (LZ77)
−
! [[Файл:Cool.png|200px|center]]
 
 
|-
 
|-
−
! GIF
+
! SVG
−
! 8
+
! 24
 +
! 16 777 216
 +
! 65535 x 65535
 +
! Може бути <br/>стиснений без втрат
 +
|-
 +
! WMF
 +
! 24
 
! 256
 
! 256
 
! 65535 x 65535
 
! 65535 x 65535
−
! LZW
+
! Може бути <br/>стиснений без втрат
−
! [[Файл:Rock-sit-rock.gif|200px|center]]
+
 
|}
 
|}

Поточна версія на 10:36, 29 травня 2022

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

Характеристиками растрового зображення є:

  • Кількість пікселів — зазвичай вказують кількість пікселів по ширині і висоті (наприклад, 1024 × 768, 1920 × 1080)
  • Кількість використовуваних кольорів або глибина кольору (обсяг пам'яті в бітах, що використовуються для одного пікселя);
  • Колірний простір — RGB, CMYK, XYZ, YCbCr та ін;
  • Роздільна здатність — довідкова величина, яка вказує на рекомендований розмір зображення.

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

Перевагами векторної графіки є:

  • Розмір файла, який займає описова частина, не залежить від реальної величини об'єкта, що дозволяє, використовуючи мінімальну кількість інформації, описати достатньо великий об'єкт файлом мінімального розміру.
  • У зв'язку з тим, що інформація про об'єкт зберігається в описовій формі, можна нескінченно збільшити графічний примітив, наприклад, дугу кола, і вона залишиться гладкою. З іншого боку, якщо крива представлена у вигляді ламаної лінії, збільшення покаже, що крива не є гладкою.
  • Параметри об'єктів зберігаються і можуть бути легко змінені. Також це означає, що переміщення, масштабування, обертання та інше, не погіршує якості малюнка.

Растрові формати

Формат Опис Розширення Приклад
BMP Файл BMP формат файлу зображень растрової графіки, де зображення зберігається у вигляді двовимірного масиву з пікселів, кожен піксель має власний колір. Запам'ятовує одно- й багатокольорові (RGB) ілюстрації у формі Pixel.У даному форматі можна зберігати тільки одношарові растри. На кожен піксель в різних файлах може приходити різна кількість біт (глибина кольору). *.bmp
*.dib
Example 1.png
JPG Графічний формат, який використовується для зберігання зображень. PEG зберігає всю інформацію про колір зображення, однак стискає розмір файлу шляхом вибіркового видалення даних. Стиснення з втратами може призвести до втрати якості зображення. JPG не зберігають (альфа-канал) прозорість. *.jpg
*.jpeg
Example 2.jpg
GIF Це формат обміну графічними даними . Він є форматом файлу зображення, що підтримує прозорість і використовує LZW алгоритм стиснення. GIF — це послідовність кадрів, що відтворюються один за іншим із затримкою між ними для створення ілюзії руху. Всі кадри вміщені в одному файлі, який зберігає статичні зображення та інструкцію зі швидкості відтворення. GIF підтримує лише 256 кольорів з 24-бітного діапазону RGB. Для порівняння, PNG та JPEG підтримують 16.9 мільйонів кольорів. *.gif
Example 3.gif
PNG Растровий формат збереження графічної інформації, що використовує стиснення без втрат. Формат зберігає інформацію у стиснутому вигляді, але стиснення проводиться без втрат якості, на відміну від формату JPEG. Формат PNG спроєктований на заміну застарілого і простішого формату GIF, а також подекуди, для заміни складнішого формату TIFF. Формат PNG характеризується сильнішим рівнем стиснення для файлів з більшою кількістю кольорів ніж GIF. *.png
Example 4.png

Векторні формати

Формат Опис Розширення Приклад
SVG Це формат векторного файлу, який користується популярністю серед веб-дизайнерів не тільки через свої можливості зміни розміру. SVG-файли написані мовою XML, тобто вони зберігають текстову інформацію саме як текст, а не фігуру. Це дозволяє пошуковим системам, зокрема Google, розпізнавати SVG-графіку за ключовими словами, що потенційно підвищує рейтинг пошуку веб-сайту. *.svg
Example 5.png
WMF Універсальний формат векторних графічних файлів для додатків Windows. Використовується для збереження колекції векторних зображень Microsoft Clip Gallery. WMF використовують для збереження образу вікна і його подальшого відновлення, а також при перенесенні інформації за допомогою буфера обміну (clipboard). Операційна система Windows дозволяє швидко і просто взаємодіяти із файлами у форматі, що може бути відкритим і за допомогою кросплатформених додатків. Файли WMF складаються із переліку записів, кожен з яких є певною командою з набором аргументів. *.wmf
*.wmz
Example 6.png

Таблиця порівняння форматів

Формат Макс. кількість пікселів Макс. кількість кольорів Макс. розмір зображення Методи стиснення
BMP 24 16 777 216 65535 x 65535 RLE
JPEG 24 16 777 216 65535 x 65535 JPEG
GIF 8 256 65535 x 65535 LZW
PNG 48 281 474 976 710 656 2 147 483 647 x 2 147 483 647 Deflation (LZ77)
SVG 24 16 777 216 65535 x 65535 Може бути
стиснений без втрат
WMF 24 256 65535 x 65535 Може бути
стиснений без втрат
Отримано з https://wiki.cusu.edu.ua/index.php?title=Лабораторна_№3_Люненко&oldid=378197