Відмінності між версіями «Обробка зображень лабораторна №3 Ізовіта Олесь»
222658 (обговорення • внесок) (→Растрові формати) |
222658 (обговорення • внесок) |
||
Рядок 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] | ||
− | == | + | ==Порівняння форматів== |
− | == | + | {| class="wikitable" border="1" |
− | + | |- | |
− | + | ! Назва формату | |
− | + | ! Стиснення | |
− | Розмір | + | ! Використання |
− | + | ! Макс. число біт/піксель | |
− | + | ! Розширення | |
+ | ! Зображення | ||
+ | ! Розмір | ||
+ | |- | ||
+ | ! 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 | Без втрат | Комп'ютерної графіки | 24 | .bmp | [1] | 4 МБ |
JPG | З втратами | Інтернет, зберігання | 24 | .jpeg, .jpg, .jpe .jfi, .jif | [2] | 170 КБ |
GIF | Без втрат | Анімації | 8 | .gif | [3] | 8,67 КБ |
PNG | Без втрат | Інтернет, зберігання, редагування | 48 | .png | [4] | 1 МБ |