Відмінності між версіями «Мінчук Євген Лабораторна робота №3»
7704296 (обговорення • внесок) |
7704296 (обговорення • внесок) |
||
Рядок 106: | Рядок 106: | ||
! !! BMP !! JPG !! GIF !! PNG !! SVG | ! !! BMP !! JPG !! GIF !! PNG !! SVG | ||
|- | |- | ||
− | | | + | | Приклади || [https://drive.google.com/file/d/1622NvuWzsr5MTOCM7O61gyTPEQUsxVoi/view bmp] || |
[https://drive.google.com/file/d/1H5fIR--xSjBENMiWjUOyHwSpef3jbClg/view jpg] || | [https://drive.google.com/file/d/1H5fIR--xSjBENMiWjUOyHwSpef3jbClg/view jpg] || | ||
− | [https://drive.google.com/file/d/1CUNqub9PeW5460QhW_K3f-PirDr_8J1c/view gif] || [https://drive.google.com/file/d/15aIbQGIpSM9saOsjuapWzQtLU1_gQiiz/view png] || [https://drive.google.com/file/d/1HnWffbvkAQiJ5LwcI4rbOWn2wrdVm5vD/view svg] | + | [https://drive.google.com/file/d/1CUNqub9PeW5460QhW_K3f-PirDr_8J1c/view gif] || [https://drive.google.com/file/d/15aIbQGIpSM9saOsjuapWzQtLU1_gQiiz/view png] || [https://drive.google.com/file/d/1HnWffbvkAQiJ5LwcI4rbOWn2wrdVm5vD/view svg] | |
|- | |- | ||
| Розмір || 46,5 МБ || 2,63 МБ || 1,94 МБ || 5,13 МБ || 226 KБ | | Розмір || 46,5 МБ || 2,63 МБ || 1,94 МБ || 5,13 МБ || 226 KБ |
Версія за 09:23, 27 травня 2021
BMP
BMP (Bitmap) — bitmap-формат або DIB (англ. device independent bitmap) - формат файлу зображень растрової графіки, в якому зображення зберігається у вигляді двовимірного масиву пікселів.
- Глибинакольору від 1 до 48 біт на піксель
- Можливе стиснення без втрат.
- На кожну точку (піксель) зображення відводиться від 1 до 48 біт.
- Формат файлу BMP здатний зберігати 2D цифрові зображення довільної ширини, висоти та роздільної здатності, як монохромні так і кольорові, різної глибини кольору, і, необов'язково, зі стисненням даних, альфа-каналом та керуванням кольору.
- Часткова прозорість реалізована альфа-каналом різних бітностей, але при цьому прозорість без градацій можна побічно отримати RLE-кодуванням.
- В бітності 8 і нижче він вказується індексом з таблиці кольорів (палітри), а при великих: безпосереднім значенням. Колір же в будь-якому випадку можна задати тільки в колірній моделі RGB, але в бітності 16 і 32 можна отримати відтінки сірого з глибиною до 16 і 32-ох біт відповідно.
- У більшості випадків пікселі зберігаються у вигляді відносно простого двовимірного масиву.
- В останніх версіях формату BMP так само з'явилися можливості управління кольором. Зокрема, можна вказувати кінцеві точки, виконувати гама-корекцію і вбудовувати колірні профілі ICC.
- Максимальний розмір неподільних комірок 32 біта і тому формат можна класифікувати як 32-бітний. Винятком можуть бути 64-бітові пікселі.
- BMP-файл складається з чотирьох частин:
- 1. Заголовок файлу (BITMAPFILEHEADER);
- 2. Заголовок зображення (BITMAPINFOHEADER, може бути відсутнім). BITMAPV4HEADER (Win95, NT4.0) BITMAPV5HEADER (Win98/Me, 2000/XP);
- 3. Палітра (може бути відсутнім);
- 4. Саме зображення.
В останніх версіях формату BMP також з'явилися можливості по управлінню кольором. Зокрема, можна вказувати кінцеві точки, виробляти гамма-корекцію і вбудовувати колірні профілі ICC.
JPG
JPEG
- висока і керована ступінь стиснення. Користувач сам вибирає співвідношення якість / розмір файлу;
- невеликий розмір файлу;
- впізнаваність усіма браузерами, графічними та текстовими редакторами, сумісність і правильне відображення на всіх комп'ютерах, планшетах і мобільних пристроях;
- правильна робота з кольоровими реалістичними зображеннями, де багато колірних і контрастних переходів;
- при невеликому ступені стиснення якість зображення залишається досить високим.
- Найбільша роздільна здатність,яку підтримує формат JPEG/JFIF є 65535×65535.
- Формат JPEG, на відміну від GIF і PNG, не підтримує ні анімацію, ні прозорість.
- при сильному стисненні зображення може «розсипатися» на окремі квадратики - блоки пікселів розміром 8х8. Це відбувається тому, що алгоритм стиснення передбачає аналіз сусідніх пікселів, обчислення їх кольору і усереднення, за рахунок цього плавні колірні переходи можуть стати ступінчастими або пропасти зовсім;
- гірше інших форматів підходить для роботи з текстами або монохромними графічними зображеннями з чіткими межами;
- відновлений після стиснення файл правити і / або пересохранять не рекомендують - кожен такий крок погіршує якість зображення.
GIF
GIF (від англ. Graphics Interchange Format — «формат обміну зображеннями») — 8-бітний растровий графічний формат, що використовує до 256 чітких кольорів із 24-бітного діапазону RGB. Формат було розроблено компанією CompuServe у 1987 році, і з того часу набув широкої популярності у всесвітній павутині завдяки своїй відносній простоті та мобільності. Одними з головних особливостей формату є підтримка анімації та прозорості. Для стискання файлів використовує LZW-компресію. Деякі загальні дані
- Число кольорів палітри - від 2 до 256.
- Кожен колір палітри має глибину 24 біта / піксель (вибір з 16 мільйонів квітів).
- Карта прозорості - 1-бітна (напівпрозорих кольорів немає).
- Число повторів анімації - від 1 до 65535, а також нескінченне.
- Час показу одного кадру анімації - від 1/100 секунди до 655 секунд.
- Число кадрів анімації - необмежено.
- Число невидимих текстових коментарів і розмір кожного коментаря - необмежені.
PNG
Формат png (Portable Network Graphics) Розширення файлів: .png
- Формат PNG зберігає інформацію у стиснутому вигляді.
- PNG використовує відкритий, не патентований алгоритм стиснення Deflate.
- PNG підтримує три основних типи растрових зображень:
1. Півтонування (з глибиною кольору 16 біт); 2. Кольорове індексовані зображення (палітра 8 біт для кольору глибиною 24 біт); 3. Повнокольорове зображення (з глибиною кольору 48 біт).
- Мінімальні втрати при стисненні. Якість зображення не змінюється при будь-якого ступеня стиснення;
- Практично необмежену кількість квітів в зображенні (GIF використовує в кращому разі 8-бітний колір);
- Опціональна підтримка альфа-каналу;
- Можливість гамма-корекції;
- Двовимірна черезстрочна розгортка;
- Можливість розширення формату для користувача блоками (на цьому заснований, зокрема, APNG).
- Зручний для зберігання проміжних версій зображення. При пересохраненіі не губиться якість;
- Можливість роботи з шарами;
- Можливість додавати в файл мета-дату (при необхідності закріплення авторських прав);
- PNG підтримує три основних типи зображення, це: "truecolor", "grayscale" і індексовані на основі палітри (8-бітний.
- PNG підтримує три основних типи перевірки цілісності, для допомоги програмам в роботі з файлами:
1. Перший і найпростіший - 8-байтная магічна сигнатура на початку будь-якого PNG зображення. 2. Другий тип перевірки цілісності відомий як 32-розрядний циклічний контроль надмірності або CRC-32. PNG зображення ділиться на логічні шматочки даних і з кожним шматочком зв'язуються CRC-дані. 3. Третій тип перевірки цілісності можна застосовувати лише до шматочка / шматочках даних зображення і схожий з CRC-значеннями. Так де CRC-значення шматочків зображення звертається до фільтрованим, стисненим даними в шматочку, контрольна сума Adler-32 звертається до завершеного потоку розпакованих даних.
- Не можна зберігати кілька зображень в одному файлі;
Це безкоштовна альтернатива GIF з відкритим вихідним кодом, яка підтримує 16 мільйонів кольорів, на відміну від GIF, максимум якого 256-кольорова палітра. Це кращий формат файлів для зображень зі збереженням джерела кольорів. Формат підходить для передачі ідеального балансу тону. Анімований файл PNG доступний у форматі APNG. Ці файли, як правило, мають прозорий фон. Мінуси: Найбільше підходить для файлів великих розмірів. Сам формат PNG не підтримує анімовану графіку. Застосування: редагування зображень, веб-зображення, зображення з урахуванням шарів, таких як прозорість або ефекти загасання.
SVG
Різноманітність форматів векторної графіки значно менша, і практично кожний векторний графічний редактор використовує свій власний формат зберігання зображень. Наприклад: WMF (англ. Windows MetaFile – метафайл Windows) – універсальний формат для програм, що працюють в ОС Windows. Використовується для зберігання колекції графічних зображень Microsoft Clip Gallery. Можливі розширення імен файлів – WMF, EMF, WMZ, EMZ. CGM (англ. Computer Graphic Metafile – метафайл комп’ютерної графіки) – широко використовується як стандартний формат векторних графічних даних в мережі Інтернет. Стандартне розширення імен файлів CGM. SVG ( Scalable Vector Graphics – векторна графіка, що масштабується) – універсальний формат для двовимірної графіки, який дає змогу з високою якістю зберігати у файлі текст, графічне зображення і анімацію. Файли можуть додатково стискатися програмами-архіваторами. Опрацьовується практично всіма векторними графічними редакторами. Широке застосування отримав у інженерній графіці і при розробці веб-сайтів. Стандартне розширення імен файлів SVG. Scalable Vector Graphics Специфікація мови розмітки, що базується на XML, та формат файлів для двовимірної векторної графіки, як статичної, так і анімованої та інтерактивної.
- Повністю відсутня підтримка тривимірної графіки
- SVG успадковує всі недоліки XML, такі як великий розмір файлу (втім, останній компенсується існуванням стисненого формату SVGZ, проте його використання на даний момент ускладнено, так як SVGZ не має власного mime-type).
- Складність використання в великих картографічних додатках через те, що для правильного відображення маленької частини зображення документ необхідно прочитати цілком.
- Чим більше в зображенні дрібних деталей, тим швидше росте розмір SVG-даних. Граничний випадок - коли зображення являє собою білий шум. В цьому випадку SVG не тільки не дає ніяких переваг в розмірі файлу, але навіть дає програш по відношенню до растровому формату. На практиці, SVG стає невигідний вже задовго до того, як зображення дійде до стадії білого шуму.
- Текстовий формат - файли SVG можна читати і редагувати (при наявності деяких навичок) за допомогою звичайних текстових редакторів.
- Масштабованість - SVG є векторним форматом. Існує можливість збільшити будь-яку частину зображення SVG без втрати якості. Додатково, до елементів SVG-документа можна використовувати фільтри - спеціальні модифікатори для створення ефектів, подібних застосовуваним при обробці растрових зображень (розмиття, видавлювання, складні системи трансформації та ін.).
- Широко є використання растрової графіки в SVG-документах. Є можливість вставляти елементи з зображеннями в форматах PNG, GIF або JPG.
- Текст в графіці SVG є текстом, а не зображенням, тому його можна виділяти і копіювати, він індексується пошуковими машинами, не потрібно створювати додаткові метафайли для пошукових роботів.
- Анімація реалізована в SVG за допомогою мови SMIL (Synchronized Multimedia Integration Language), розробленого також консорціумом W3C. Підтримуються скриптові мови на основі специфікації ECMAScript. SVG-елементами можна керувати за допомогою JavaScript.
- SVG - відкритий стандарт. На відміну від деяких інших форматів, SVG не є чиєюсь власністю.
- SVG-документи легко інтегруються з HTML і XHTML документами.
- SVG надає всі переваги XML.
CDR (англ. CorelDRaw files – файли CorelDraw) – стандартний формат файлів векторного графічного редактора CorelDraw. Зображення у файлі може мати кілька сторінок, дає змогу зберігати не тільки векторну графіку, а й текст і растрові зображення. Максимальний розмір малюнка 45 х 45 м. Файли даного формату можуть мати розширення імені CDR або CDT. AI (англ. Adobe Illustrator files – файли Adobe Illustrator) – стандартний формат файлів редактора векторної графіки Adobe Illustrator. Зберігає у файлі тільки одну сторінку, максимальний розмір малюнка 3Ч3 м. Файли мають розширення імені AI. Сумісність форматів векторної графіки дуже низька. Складність перетворення даних з одного векторного формату в інший полягає у використанні різними програмами різних алгоритмів побудови графічних примітивів. Серед усього розмаїття форматів немає того ідеального, який би задовольняв усім можливим вимогам користувачів. Тому, графічні редактори надають користувачу можливість самостійно обирати формат файлу, в якому буде збережене зображення, залежно від цілей роботи з ним і подальшого використання.
Порівняльна таблиця
BMP | JPG | GIF | PNG | SVG | |
---|---|---|---|---|---|
Приклади | bmp | ||||
Розмір | 46,5 МБ | 2,63 МБ | 1,94 МБ | 5,13 МБ | 226 KБ |
Стиснення (втрата якості) | відсутня | з втратами | відсутня | відсутня | відсутня |
Кольори | Змінна величина | 16 мільйонів | 256 | 16 мільйонів + прозорість | 16 мільйонів + прозорість |
Використання | Растрові зображення | Статичні зображення, фото, зображення з складними кольорами та динамікою |
Проста анімація, маленькі іконки, графіка с низькою варіацією пікселей |
Веб-графіка з прозорістю,складні фото з багатьмакольорами та графікою, зображення, які потрібно повторно редагувати та експортувати |
Логотипи та графіка в веб-дизайні |