Відмінності між версіями «Клименко Лабораторна №3»
7693869 (обговорення • внесок) |
7693869 (обговорення • внесок) |
||
(не показані 24 проміжні версії цього учасника) | |||
Рядок 1: | Рядок 1: | ||
==Формат bmp== | ==Формат bmp== | ||
+ | [[Файл:Панда-кунг-фу.png|330px|thumb|right|BMP]] | ||
BMP (Bitmap) — bitmap-формат або DIB (англ. device independent bitmap) - формат файлу зображень растрової графіки, в якому зображення зберігається у вигляді двовимірного масиву пікселів. Запам'ятовує одно і багатокольорові (RGB) ілюстрації у формі Pixel. BMP-формат використовується в операційних системах Windows та OS/2. Дані цього формату включаються в двійкові файли ресурсів RES і в PE-файли. Формат файлу BMP здатний зберігати 2D цифрові зображення довільної ширини, висоти та роздільної здатності, як монохромні так і кольорові, різної глибини кольору, і, необов'язково, зі стисненням даних, альфа-каналом та керуванням кольору.<br><br> | BMP (Bitmap) — bitmap-формат або DIB (англ. device independent bitmap) - формат файлу зображень растрової графіки, в якому зображення зберігається у вигляді двовимірного масиву пікселів. Запам'ятовує одно і багатокольорові (RGB) ілюстрації у формі Pixel. BMP-формат використовується в операційних системах Windows та OS/2. Дані цього формату включаються в двійкові файли ресурсів RES і в PE-файли. Формат файлу BMP здатний зберігати 2D цифрові зображення довільної ширини, висоти та роздільної здатності, як монохромні так і кольорові, різної глибини кольору, і, необов'язково, зі стисненням даних, альфа-каналом та керуванням кольору.<br><br> | ||
BMP-файл складається з чотирьох частин: | BMP-файл складається з чотирьох частин: | ||
Рядок 12: | Рядок 13: | ||
==Формат jpg (jpeg)== | ==Формат jpg (jpeg)== | ||
+ | [[Файл:Chat-680x680.jpg|150px|thumb|right|JPG]] | ||
JPEG (Joint Photographic Experts Group) — растровий формат збереження графічної інформації, що використовує стиснення з втратами якості зображення. | JPEG (Joint Photographic Experts Group) — растровий формат збереження графічної інформації, що використовує стиснення з втратами якості зображення. | ||
При необхідності дуже сильного стиснення втрати можуть бути переглянуті за допомогою модуля Matrixmuster (матричний зразок, матричний малюнок). Втрати і спотворення інформації через ступінь стиснення можуть проявлятися вже в призначених для користувача програмах. Допустимий рівень стиснення залежить від характеру зображення та перебуває, як правило, в межах 1:10. Алгоритм стиснення даних, що використовується у форматі, базується на алгоритмі дискретного косинусного перетворення.<br><br> | При необхідності дуже сильного стиснення втрати можуть бути переглянуті за допомогою модуля Matrixmuster (матричний зразок, матричний малюнок). Втрати і спотворення інформації через ступінь стиснення можуть проявлятися вже в призначених для користувача програмах. Допустимий рівень стиснення залежить від характеру зображення та перебуває, як правило, в межах 1:10. Алгоритм стиснення даних, що використовується у форматі, базується на алгоритмі дискретного косинусного перетворення.<br><br> | ||
Рядок 17: | Рядок 19: | ||
==Формат gif== | ==Формат gif== | ||
+ | [[Файл:Simpson.gif|330px|thumb|right|GIF]] | ||
GIF (від англ. Graphics Interchange Format — «формат обміну зображеннями») — 8-бітний растровий графічний формат, що використовує до 256 чітких кольорів із 24-бітного діапазону RGB. Формат було розроблено компанією CompuServe у 1987 році, і з того часу набув широкої популярності у всесвітній павутині завдяки своїй відносній простоті та мобільності. Одними з головних особливостей формату є підтримка анімації та прозорості. Для стискання файлів використовує LZW-компресію.<br><br> | GIF (від англ. Graphics Interchange Format — «формат обміну зображеннями») — 8-бітний растровий графічний формат, що використовує до 256 чітких кольорів із 24-бітного діапазону RGB. Формат було розроблено компанією CompuServe у 1987 році, і з того часу набув широкої популярності у всесвітній павутині завдяки своїй відносній простоті та мобільності. Одними з головних особливостей формату є підтримка анімації та прозорості. Для стискання файлів використовує LZW-компресію.<br><br> | ||
Зображення у форматі GIF зберігається порядково, підтримується тільки формат з індексованою палітрою кольорів, яка може містити до 256 кольорів із 24-бітного діапазону RGB, хоча спочатку формат розроблявся тільки для підтримки 256-кольорової (8-бітної) палітри. Один з кольорів у палітрі може бути оголошений «прозорим». У цьому випадку в програмах, які підтримують прозорість GIF (наприклад, більшість сучасних браузерів) крізь пікселі, зафарбовані «прозорим» кольором, буде видно фон. «Напівпрозорість» пікселів (технологія альфа-каналу) не підтримується.<br><br> | Зображення у форматі GIF зберігається порядково, підтримується тільки формат з індексованою палітрою кольорів, яка може містити до 256 кольорів із 24-бітного діапазону RGB, хоча спочатку формат розроблявся тільки для підтримки 256-кольорової (8-бітної) палітри. Один з кольорів у палітрі може бути оголошений «прозорим». У цьому випадку в програмах, які підтримують прозорість GIF (наприклад, більшість сучасних браузерів) крізь пікселі, зафарбовані «прозорим» кольором, буде видно фон. «Напівпрозорість» пікселів (технологія альфа-каналу) не підтримується.<br><br> | ||
Рядок 26: | Рядок 29: | ||
==Формат png== | ==Формат png== | ||
− | [ | + | [[Файл:Wonder-day-among-us-21.png|200px|thumb|right|PNG]] |
PNG (Portable Network Graphics) — растровий формат збереження графічної інформації, що використовує стиснення без втрат. PNG був створений для заміни формату GIF графічним форматом, який не потребує ліцензії для використання. Зазвичай файли формату PNG мають розширення .png та MIME тип — image/png.<br><br> | PNG (Portable Network Graphics) — растровий формат збереження графічної інформації, що використовує стиснення без втрат. PNG був створений для заміни формату GIF графічним форматом, який не потребує ліцензії для використання. Зазвичай файли формату PNG мають розширення .png та MIME тип — image/png.<br><br> | ||
Формат PNG зберігає інформацію у стиснутому вигляді, але стиснення проводиться без втрат якості, на відміну від формату JPEG. Формат PNG спроектований на заміну застарілого і простішого формату GIF, а також подекуди, для заміни складнішого формату TIFF.<br><br> | Формат PNG зберігає інформацію у стиснутому вигляді, але стиснення проводиться без втрат якості, на відміну від формату JPEG. Формат PNG спроектований на заміну застарілого і простішого формату GIF, а також подекуди, для заміни складнішого формату TIFF.<br><br> | ||
Рядок 36: | Рядок 39: | ||
==Порівняльна таблиця== | ==Порівняльна таблиця== | ||
+ | [[Файл:Sobaka na divani.jpg|500px|thumb|left|Вхідний варіант фото ]] | ||
+ | |||
{| class="wikitable" width="100%" | {| class="wikitable" width="100%" | ||
|- | |- | ||
! !! BMP !! JPG !! GIF !! PNG !! SVG | ! !! BMP !! JPG !! GIF !! PNG !! SVG | ||
|- | |- | ||
− | | Приклади || [https://drive.google.com/file/d/ | + | | Приклади || [https://drive.google.com/file/d/1ohRbtFP9NBPVtLOaYxd28OuLOW58doJs/view?usp=sharing bmp] || [https://drive.google.com/file/d/1Gniub6rY3s9e9WKaiWdO_wgjGnFGatYX/view?usp=sharing jpg] || [https://drive.google.com/file/d/18aAfNKEHlRyqFBnuqKnZ7mz7Cto_hMfS/view?usp=sharing gif] || [https://drive.google.com/file/d/1iqOAssKH0KIxlDupQjcGg6JUVLqlvhR9/view?usp=sharing png] || [https://drive.google.com/file/d/1oLC7XYBlsnC7-ALXvtyvX-gjCLnklYNE/view?usp=sharing svg] |
+ | |- | ||
+ | | Розмір || 5.49 МБ || 219 КБ || 946 КБ || 1.69 МБ || 1.97 МБ | ||
|- | |- | ||
− | | | + | | Стиснення (втрата якості) || відсутня || з втратами || відсутня || відсутня || відсутня |
|- | |- | ||
− | | | + | | Кольори || Змінна величина || 16 мільйонів || 256 || 16 мільйонів + прозорість || 16 мільйонів + прозорість |
|- | |- | ||
− | | Використання || | + | | Використання || Растрові зображення || Статичні зображення, фото,<br>зображення з складними<br> кольорами та динамікою || Проста анімація, маленькі іконки,<br>графіка с низькою варіацією пікселей || Веб-графіка з прозорістю,складні фото з багатьмакольорами та графікою,<br>зображення, які потрібно повторно редагувати та експортувати|| Логотипи та графіка в веб-дизайні |
|- | |- | ||
|} | |} |
Поточна версія на 09:09, 8 квітня 2021
Зміст
Формат bmp
BMP (Bitmap) — bitmap-формат або DIB (англ. device independent bitmap) - формат файлу зображень растрової графіки, в якому зображення зберігається у вигляді двовимірного масиву пікселів. Запам'ятовує одно і багатокольорові (RGB) ілюстрації у формі Pixel. BMP-формат використовується в операційних системах Windows та OS/2. Дані цього формату включаються в двійкові файли ресурсів RES і в PE-файли. Формат файлу BMP здатний зберігати 2D цифрові зображення довільної ширини, висоти та роздільної здатності, як монохромні так і кольорові, різної глибини кольору, і, необов'язково, зі стисненням даних, альфа-каналом та керуванням кольору.
BMP-файл складається з чотирьох частин:
- Заголовок файлу (BITMAPFILEHEADER)
- Заголовок зображення (BITMAPINFOHEADER, може бути відсутнім)
- Палітра (може бути відсутнім)
- Саме зображення
У даному форматі можна зберігати тільки одношарові растри. На кожен піксель в різних файлах може приходити різна кількість біт (глибина кольору). Microsoft пропонує бітності 1, 2, 4, 8, 16, 24, 32, 48 і 64. В бітності 8 і нижче він вказується індексом з таблиці кольорів (палітри), а при великих: безпосереднім значенням. Колір же в будь-якому випадку можна задати тільки в колірній моделі RGB, але в бітності 16 і 32 можна отримати відтінки сірого з глибиною до 16 і 32-ох біт відповідно. Часткова прозорість реалізована альфа-каналом різних бітностей, але при цьому прозорість без градацій можна побічно отримати RLE-кодуванням.
У більшості випадків пікселі зберігаються у вигляді відносно простого двовимірного масиву. Для бітності 4 і 8 доступно RLE-кодування, яке може зменшити їх розмір. Формат BMP так само підтримує вбудовування даних у форматах JPEG і PNG. Але останнє скоріше більше призначене не для компактного зберігання, а для обходу обмежень архітектури GDI, яка не передбачає пряму роботу із зображеннями форматів відмінних від BMP.
В останніх версіях формату BMP так само з'явилися можливості управління кольором. Зокрема, можна вказувати кінцеві точки, виконувати гама-корекцію і вбудовувати колірні профілі ICC[en].
Формат jpg (jpeg)
JPEG (Joint Photographic Experts Group) — растровий формат збереження графічної інформації, що використовує стиснення з втратами якості зображення.
При необхідності дуже сильного стиснення втрати можуть бути переглянуті за допомогою модуля Matrixmuster (матричний зразок, матричний малюнок). Втрати і спотворення інформації через ступінь стиснення можуть проявлятися вже в призначених для користувача програмах. Допустимий рівень стиснення залежить від характеру зображення та перебуває, як правило, в межах 1:10. Алгоритм стиснення даних, що використовується у форматі, базується на алгоритмі дискретного косинусного перетворення.
Формат файлу створений для зберігання цифрових фотографій і зображень з підтримкою 24-бітного кольору. Це робить JPG формат файлу стандартним за замовчуванням для цифрових виробників камер і професійних фотографів. Через характеристики стиснення, інтегрованих в зміст зображення цих файлів, його розмір істотно зменшується для оптимальної портативності. Це означає, що користувачі можуть легко обмінюватися цифровими фотографіями і улюбленими зображеннями, зберігаючи їх в .jpg форматі і передаючи його через Інтернет або електронною поштою. Через свій невеликий розмір, великі колекції JPG зображень можуть бути збережені в зовнішніх пристроях зберігання даних і оптичних носіїв. Багато сторонніх додатків інтегровані з набором функцій для редагування цих зображень.
Формат gif
GIF (від англ. Graphics Interchange Format — «формат обміну зображеннями») — 8-бітний растровий графічний формат, що використовує до 256 чітких кольорів із 24-бітного діапазону RGB. Формат було розроблено компанією CompuServe у 1987 році, і з того часу набув широкої популярності у всесвітній павутині завдяки своїй відносній простоті та мобільності. Одними з головних особливостей формату є підтримка анімації та прозорості. Для стискання файлів використовує LZW-компресію.
Зображення у форматі GIF зберігається порядково, підтримується тільки формат з індексованою палітрою кольорів, яка може містити до 256 кольорів із 24-бітного діапазону RGB, хоча спочатку формат розроблявся тільки для підтримки 256-кольорової (8-бітної) палітри. Один з кольорів у палітрі може бути оголошений «прозорим». У цьому випадку в програмах, які підтримують прозорість GIF (наприклад, більшість сучасних браузерів) крізь пікселі, зафарбовані «прозорим» кольором, буде видно фон. «Напівпрозорість» пікселів (технологія альфа-каналу) не підтримується.
Формат GIF підтримує анімаційні зображення, вони являють собою послідовність з кількох статичних кадрів, а також інформацію про те, скільки часу кожен кадр повинен бути показаний на екрані. Анімацію можна зробити циклічною. (англ. loop), тоді слідом за останнім кадром почнеться відтворення першого кадру.
Прозорість в GIF-анімації може використовуватись для того, щоб не зберігати черговий кадр повністю, а лише зміни наступного кадру відносно попереднього.
Недокументованою, але підтримуваною можливістю анімованого GIF, є можливість використання більше ніж 256 кольорів. Це досягається завдяки тому, що кожен кадр може містити свою палітру, відмінну від палітри інших кадрів.
Формат png
PNG (Portable Network Graphics) — растровий формат збереження графічної інформації, що використовує стиснення без втрат. PNG був створений для заміни формату GIF графічним форматом, який не потребує ліцензії для використання. Зазвичай файли формату PNG мають розширення .png та MIME тип — image/png.
Формат PNG зберігає інформацію у стиснутому вигляді, але стиснення проводиться без втрат якості, на відміну від формату JPEG. Формат PNG спроектований на заміну застарілого і простішого формату GIF, а також подекуди, для заміни складнішого формату TIFF.
Формат PNG характеризується сильнішим рівнем стиснення для файлів з більшою кількістю кольорів ніж GIF, але різниця становить близько 5-25%, чого недостатньо для абсолютної переваги формату, тому що маленькі картинки GIF стискає принаймні не гірше. Існує також одна особливість GIF, яку не повторює PNG — це можливість збереження множинного зображення, особливо мультиплікації. Призначення PNG — зберігати лише одне зображення. Для передачі множинних зображень використовується розширений формат MNG, опублікований у середині 1999 року, який підтримується у різних прикладних програмах.
Проблема підтримки 24-бітної (повної) прозорості зображення формату PNG у internet-браузері Internet Explorer виробництва Microsoft вирішена компанією-виробником цього програмного продукту у сьомій його версії. Попри це, існує ряд прийомів і технік, які дозволяють веб-майстрам уникнути цієї проблеми, застосовуючи різні скрипти і функції. Всі інші сучасні браузери успішно підтримують можливості формату PNG.
Векторний формат SVG
SVG (від англ. Scalable Vector Graphics - масштабована векторна графіка) - мова розмітки масштабованої векторної графіки, створений Консорціумом Всесвітньої павутини (W3C) і входить в підмножину розширюваної мови розмітки XML, призначений для опису двовимірної векторної і змішаної векторно/растрової графіки в форматі XML. Підтримує як нерухому, так і анімовану інтерактивну графіку - або, в інших термінах, декларативну і скриптовими. Не підтримує опис тривимірних об'єктів (не плутати з імітацією тривимірності шляхом світлотіні). Це відкритий стандарт, який є рекомендацією консорціуму W3C - організації, яка розробила такі стандарти, як HTML і XHTML. В основу SVG лягли мови розмітки VML і PGML. Формат підтримується багатьма веб-браузерами і може бути використаний при оформленні веб-сторінок. На жаль, формат не забезпечується високої якості щодо складних малюнків і має обмеження по сфері свого використання.
Порівняльна таблиця
BMP | JPG | GIF | PNG | SVG | |
---|---|---|---|---|---|
Приклади | bmp | jpg | gif | png | svg |
Розмір | 5.49 МБ | 219 КБ | 946 КБ | 1.69 МБ | 1.97 МБ |
Стиснення (втрата якості) | відсутня | з втратами | відсутня | відсутня | відсутня |
Кольори | Змінна величина | 16 мільйонів | 256 | 16 мільйонів + прозорість | 16 мільйонів + прозорість |
Використання | Растрові зображення | Статичні зображення, фото, зображення з складними кольорами та динамікою |
Проста анімація, маленькі іконки, графіка с низькою варіацією пікселей |
Веб-графіка з прозорістю,складні фото з багатьмакольорами та графікою, зображення, які потрібно повторно редагувати та експортувати |
Логотипи та графіка в веб-дизайні |