Відмінності між версіями «Обробка зображень лабораторна №3 Ізовіта Олесь»

Матеріал з Вікі ЦДУ
Перейти до: навігація, пошук
(Растрові формати)
Рядок 44: Рядок 44:
 
* коли необхідна підвищена точність повнокольорових зображень;
 
* коли необхідна підвищена точність повнокольорових зображень;
 
* зображень з різкими переходами кольорів.
 
* зображень з різкими переходами кольорів.
 +
 +
==Векторні формати==
 +
===Векторний формат SVG (Scalable Vector Graphics) ===
 +
 +
SVG перекладається як - масштабована векторна графіка. Формат існує з 1999 року.
 +
 +
Розмір об'єктів SVG набагато менше розміру растрових зображень, а самі зображення не втрачають в якості при масштабуванні. На відміну від растрових форматів ми можемо взаємодіяти із зображеннями у форматі SVG - за допомогою CSS можна змінювати параметри графіки: колір, прозорість або кордону, а за допомогою JavaScript - анімувати зображення.
 +
 +
Формат SVG відмінно підходить для малокольорових схем, логотипів і іконок.
 +
  
 
==Фото у розглянутих форматах==
 
==Фото у розглянутих форматах==
Рядок 54: Рядок 64:
 
[https://www.dropbox.com/s/1oa1zdrs1746jwl/burger.png?dl=0 PNG]
 
[https://www.dropbox.com/s/1oa1zdrs1746jwl/burger.png?dl=0 PNG]
  
==Векторні формати==
+
==Порівняння форматів==
===Векторний формат SVG (Scalable Vector Graphics) ===
+
{| class="wikitable" border="1"
 
+
|-
SVG перекладається як - масштабована векторна графіка. Формат існує з 1999 року.
+
! Назва формату
 
+
! Стиснення
Розмір об'єктів SVG набагато менше розміру растрових зображень, а самі зображення не втрачають в якості при масштабуванні. На відміну від растрових форматів ми можемо взаємодіяти із зображеннями у форматі SVG - за допомогою CSS можна змінювати параметри графіки: колір, прозорість або кордону, а за допомогою JavaScript - анімувати зображення.
+
! Використання
 
+
! Макс. число біт/піксель
Формат SVG відмінно підходить для малокольорових схем, логотипів і іконок.
+
! Розширення
 +
! Зображення
 +
! Розмір
 +
|-
 +
! BMP
 +
| Без втрат
 +
|  Комп'ютерної графіки
 +
|  24
 +
|  .bmp
 +
|  [https://drive.google.com/open?id=1yz7Mmj3u_I_UNceI6R0djGvXtPIQ_xBV]
 +
|  4 МБ
 +
|-
 +
! JPG
 +
|  З втратами
 +
|  Інтернет, зберігання
 +
|  24
 +
|  .jpeg, .jpg, .jpe .jfi, .jif
 +
|  [https://drive.google.com/open?id=1O51zuC4R_jwGz27IesJzV6ziSrqJ_uRN]
 +
|  170 КБ
 +
|-
 +
! GIF
 +
|  Без втрат
 +
|  Анімації
 +
|  8
 +
.gif
 +
|  [https://drive.google.com/open?id=1VLUsUXqtbFQWHRBwV6LnX9JMdL1hyDIO]
 +
|  8,67 КБ
 +
|-
 +
! PNG
 +
|  Без втрат
 +
|  Інтернет, зберігання, редагування
 +
|  48
 +
.png
 +
|  [https://drive.google.com/open?id=1ii8CDFZ92d1ZlqZ8ZhS6BpChwNxqK6ei]
 +
|  1 МБ
 +
|}

Версія за 22:32, 3 березня 2019

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

Формат BMP (Bitmap Picture)

BMP - апаратно-незалежне побітовое зображення Windows - підтримується будь-якими Windows-сумісними програмами. Структура файлу BMP використовується Windows для зберігання растрових зображень. Наприклад, в цьому форматі зберігаються малюнки фону, піктограми та інші растрові зображення Windows. Формат зводить до мінімуму ймовірність помилок або неправильної інтерпретації растрових даних.

Структура:

  • заголовок файлу: містить інформацію про тип, розмір і місце розташування «машинно-незалежного» бітмапами.
  • інформаційний заголовок: визначає розміри, тип стиснення і колірної формат бітмапами.
  • таблиця кольорiв: визначає масив структур RGBQUAD, що містить стільки елементів, скільки кольорів в бітмапи. Таблиця кольорiв не створюється для бітмапами з 24-бітовим кольором, тому що кожен піксель визначається 24-бітними значеннями RGB з області даних.
  • масив байтів, які і визначають пікселі бітмапами. Ці дані розташовані рядами. Кожен ряд складається з послідовних байт, які визначають пікселі в бітмапи, зліва направо.

Формат JPEG (Joint Photographic Experts Group)

Формат JPEG отримав свою назву від об'єднаного комітету експертів по фотографії, який і створив цей стандарт в кінці 80-х - початку 90-х років. Він був розроблений для стискання та зберігання повнокольорових фотографій. Підтримує більше 16 мільйонів квітів.

Формат JPEG стискає зображення з втратою якості. Алгоритм стиснення заснований на розбитті вихідного зображення на квадрати 8 × 8 пікселів, і подальшої їх угрупованні. Можна отримувати JPEG зображення дуже маленьку вагу, але тільки за рахунок погіршення якості картинки, можна отримати і дуже якісні JPEG, але тоді картинка буде занадто важкою. Тому головне завдання при роботі з JPEG - підібрати такий рівень якості, щоб вага була невеликою і якість картинки було прийнятним (зазвичай, це діапазон від 60 до 70, але потрібно тестувати на кожній картинці).

Таким чином, формат JPEG краще підходить для:

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

Формат GIF (Graphics Interchange Format)

Формат був розроблений компанією CompuServe в далекому тисячі дев'ятсот вісімдесят сім для передачі растрових зображень по інтернету. GIF має колірну палітру, що складається з 256 квітів. Алгоритм GIF вибирає 256 найбільш використовуваних в оригінальному документі квітів, а всі інші відтінки створюються шляхом підмішування - підбору сусідніх пікселів таким чином, щоб людське око сприймав їх як потрібний колір. З цієї причини GIF не підходить для зберігання повнокольорових зображень і фотографій.

Формат підтримує прозорість - кожен піксель зображення може бути в двох станах: прозорий або непрозорий, напівпрозорість не підтримується.

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

Таким чином, формат GIF підходить якщо:

  • зображення не багатобарвне;
  • потрібна найпростіша прозорість;
  • потрібна анімація.

Формат PNG (Portable Network Graphics)

PNG є відносно недавнім форматом, який був введений як альтернатива для GIF-файлів.

PNG є форматом стиснення без втрат і дозволяє зберігати зображення, в яких потрібна особлива чіткість. Наприклад, креслення і друкований текст.

Формат має дві варіації: PNG8 і PNG24. PNG8 може зберігати лише 256 кольорів, а PNG24 використовує вже понад 16 мільйонів квітів.

Головна особливість формату PNG - підтримка альфа-прозорості, тобто кожного пікселя окремо можна задати свою ступінь прозорості.

Отже, формат PNG підходить для:

  • зображень з прозорістю і напiвпрозорiстью;
  • коли необхідна підвищена точність повнокольорових зображень;
  • зображень з різкими переходами кольорів.

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

Векторний формат SVG (Scalable Vector Graphics)

SVG перекладається як - масштабована векторна графіка. Формат існує з 1999 року.

Розмір об'єктів SVG набагато менше розміру растрових зображень, а самі зображення не втрачають в якості при масштабуванні. На відміну від растрових форматів ми можемо взаємодіяти із зображеннями у форматі SVG - за допомогою CSS можна змінювати параметри графіки: колір, прозорість або кордону, а за допомогою JavaScript - анімувати зображення.

Формат SVG відмінно підходить для малокольорових схем, логотипів і іконок.


Фото у розглянутих форматах

BMP

JPG

GIF

PNG

Порівняння форматів

Назва формату Стиснення Використання Макс. число біт/піксель Розширення Зображення Розмір
BMP Без втрат Комп'ютерної графіки 24 .bmp [1] 4 МБ
JPG З втратами Інтернет, зберігання 24 .jpeg, .jpg, .jpe .jfi, .jif [2] 170 КБ
GIF Без втрат Анімації 8 .gif [3] 8,67 КБ
PNG Без втрат Інтернет, зберігання, редагування 48 .png [4] 1 МБ