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

Матеріал з Вікі ЦДУ
Перейти до: навігація, пошук
Рядок 76: Рядок 76:
  
 
[https://drive.google.com/drive/folders/1QpOuDr3_Rnhy8HumPBOI8bV5CZT3V80T?usp=sharing| Посилання на Google Drive, де розміщені фото]
 
[https://drive.google.com/drive/folders/1QpOuDr3_Rnhy8HumPBOI8bV5CZT3V80T?usp=sharing| Посилання на Google Drive, де розміщені фото]
 +
 +
{| class="wikitable" width="100%"
 +
|-
 +
!  !! BMP !! JPG !! GIF !! PNG !! SVG
 +
|-
 +
| Приклади || [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>зображення, які потрібно повторно редагувати та експортувати|| Логотипи та графіка в веб-дизайні
 +
|-
 +
|}

Версія за 16:56, 20 квітня 2022

Оришечко формати.png

Формат bmp

Оришечко BMP.png

Теоретичні відомості

BMP (Bitmap) — bitmap-формат або DIB (англ. device independent bitmap) — формат файлу зображень растрової графіки, де зображення зберігається у вигляді двовимірного масиву з пікселів, кожен піксель має власний колір. Формат файлу BMP здатний зберігати 2D цифрові зображення довільної ширини, висоти та роздільної здатності, як монохромні так і кольорові, різної глибини кольору, і, необов'язково, зі стисненням даних, альфа-каналом та керуванням кольору.

BMP - це тип файлу для зберігання растрових зображень. Особливістю даного формату є те, що він не використовує ніякого механізму стиснення. Теоретично, він повинен забезпечувати високу якість зображення. Але біда в тому, що розмір такого зображення буде просто гігантським. Саме тому даний формат растрового зображення і втратив популярність.

Чим відкрити

На даний момент з цим завданням може впоратися більш-менш просунутий переглядач графічних файлів. Як не дивно, навіть стандартний переглядач "Віндовс" може відкрити даний формат, хоч і з моторошними гальмами. Такі просунуті продукти, як "Фотошоп" також здатні працювати з файлами даного формату. А взагалі, все сучасні переглядачі здатні читати даний формат, так як він досить-таки старий.

Конвертація

Як конвертувати BMP в JPG або будь-якої іншої більш звичний формат? Все залежить від того, яка якість картинки потрібно на виході. Якщо втрати повинні бути мінімальними, то краще використовувати для цих цілей "Фотошоп" або щось рівнозначне. Тільки "Фотошоп" дозволяє зберегти зображення без втрати якості. А якщо використовувати для збереження формати PNG або PSD, то можна зберегти ще й шари. Якщо ж якість не має значення, то можна використовувати будь-який конвертер.

Використання

Хоч формат BMP і застарів морально, але він все одно може використовуватися в деяких випадках. Досить того факту, що весь інтерфейс "Віндовс" заснований на даному растровому форматі. Чому так? Тому, що використовувати BMP дуже зручно. Він має гарну кольоровістю і повною відсутністю компресії. Також зображення в цьому форматі можна редагувати яке завгодно кількість разів. І якість нітрохи не постраждає. Якраз цим і пояснюється живучість цього формату. Багато розробники програм під "Віндовс" також активно використовують зображення BMP в своїх продуктах.

Формат jpg (jpeg)

Оришечко JPG.jpg

Теоретичні відомості

JPEG (Joint Photographic Experts Group) — растровий формат зберігання графічної інформації, що використовує стиснення з втратами якості зображення. Даний стандарт було затверджено 1992 року. Він використовує дискретне косинусне перетворення 8×8 (DCT), зигзагоподібне сканування перетворень, DPCM-передбачення середніх значень блоку, скалярне квантування та ентропійне кодування. Ентропійне кодування зазвичай використовує коди змінної довжини в коді Гаффмана, у стандарті також доступний менш розповсюджений варіант арифметичного кодування. Стандарт був значною мірою відповідальним за поширення цифрових зображень і фотографій в інтернеті, а з часом — у соціальних мережах.

Застосування

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

Формат gif

Оришечко GIF.gif

Теоретичні відомості

GIF (від англ. Graphics Interchange Format) — 8-бітний растровий графічний формат, що використовує до 256 чітких кольорів із 24-бітного діапазону RGB. Формат було розроблено компанією CompuServe у 1987 році, і з того часу набув широкої популярності у всесвітній павутині завдяки своїй відносній простоті та мобільності. Одними з головних особливостей формату є підтримка анімації та прозорості. Для стискання файлів використовує LZW-компресію.

Зображення у форматі GIF зберігається порядково, підтримується тільки формат з індексованою палітрою кольорів, яка може містити до 256 кольорів із 24-бітного діапазону RGB, хоча спочатку формат розроблявся тільки для підтримки 256-кольорової (8-бітної) палітри. Один з кольорів у палітрі може бути оголошений «прозорим». У цьому випадку в програмах, які підтримують прозорість GIF (наприклад, більшість сучасних браузерів) крізь пікселі, зафарбовані «прозорим» кольором, буде видно фон. «Напівпрозорість» пікселів (технологія альфа-каналу) не підтримується.

Область застосування

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

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

Формат png

Оришечко PNG.png

Теоретичні відомості

PNG (Portable Network Graphics) — растровий формат збереження графічної інформації, що використовує стиснення без втрат.Файл PNG – це файл портативної мережевої графіки. Формат, як правило, вважається заміною формату зображення GIF. Однак, на відміну від GIF, файли PNG не підтримують анімацію. Формат PNG характеризується сильнішим рівнем стиснення для файлів з більшою кількістю кольорів ніж GIF, але різниця становить близько 5-25 %, чого недостатньо для абсолютної переваги формату, тому що маленькі картинки GIF стискає принаймні не гірше.

Чим відкрити

Програма перегляду фотографій за замовчуванням у Windows відкриває файли PNG, але вони є багато інші способи перегляду одного. Усі веб-браузери (наприклад, Chrome, Firefox, Internet Explorer тощо) автоматично переглядають файли PNG, які ви відкриваєте з Інтернету, а це означає, що вам не потрібно завантажувати кожен файл PNG, який ви хочете переглянути в Інтернеті. Ви також можете використовувати веб-браузер, щоб відкривати файли PNG зі свого комп’ютера за допомогою Ctrl + O комбінація клавіатур для перегляду файлу. Більшість браузерів також підтримують функцію перетягування, тому ви можете просто перетягнути файл PNG у браузер, щоб відкрити його. Існує також кілька автономних засобів відкривання файлів, графічних інструментів та служб, які відкривають файли PNG.

Використання

Деякі операційні системи, такі як macOS та Ubuntu, зберігають знімки екрана у форматі PNG за замовчуванням. Інше використання PNG – це коли частини зображення повинні бути прозорими, що може бути корисним під час створення ілюстрацій, проектування веб-сайту, створення фотографії тощо. Наприклад, якщо у вас є логотип, який ви хочете розмістити над фотографією, це набагато простіше “вирізати” логотип, залишаючи навколо нього прозорі пікселі, так що коли він буде розміщений над іншим малюнком, що картинка буде відображатися через прозорість.

Файли PNG – чудовий формат для використання, але не обов’язково в будь-якій ситуації. Іноді PNG може бути занадто великим за розміром і не лише використовувати непотрібний простір на диску або ускладнювати надсилання електронної пошти, але також може різко сповільнити веб-сторінку, якщо ви використовуєте її там. Подумайте, чи достатньо переваг якості зображення, щоб пожертвувати цим простором (або повільним завантаженням веб-сторінки тощо). Оскільки файл PNG не стискає зображення, як інші формати з втратами, як JPEG, якість не зменшується настільки сильно, коли зображення знаходиться у форматі PNG. Файли JPEG корисні, коли зображення має низьку контрастність, але PNG краще, коли йдеться про різку контрастність, наприклад, коли на зображенні є лінії або текст, а також великі площі суцільного кольору. Тоді знімки екрана та ілюстрації найкращі у форматі PNG, тоді як “справжні” фотографії найкращі як JPEG / JPG. Ви також можете розглянути можливість використання формату PNG над JPEG, коли ви маєте справу із зображенням, яке потрібно редагувати знову і знову. Наприклад, оскільки формат JPEG зазнає того, що називається втрата покоління, редагування та збереження файлу знову і знову призведе до зниження якості зображення з часом. Для PNG це не відповідає дійсності, оскільки використовується стиснення без втрат.

Векторний формат SVG

Що-таке-файл-SVG.png

Scalable Vector Graphics (скорочено SVG) (з англ. масштабована векторна графіка) — специфікація мови розмітки, що базується на XML, та формат файлів для двомірної векторної графіки, як статичної, так і анімованої та інтерактивної. SVG може бути виключно декларативним, або містити описи сценаріїв. Зображення можуть містити зовнішні лінки шляхом застосування простих XLink-ів.

Файл із розширенням SVG – це, швидше за все, файл масштабованої векторної графіки. Файли в цьому форматі використовують текстовий формат на основі XML, щоб описати, як має виглядати зображення. Оскільки текст використовується для опису графіки, файл SVG можна масштабувати до різних розмірів без втрати якості – іншими словами, формат не залежить від роздільної здатності.

Формат масштабованої векторної графіки був створений у 1999 році і досі розробляється Консорціумом Всесвітньої павутини (W3C). Як ви вже читали вище, весь вміст файлу SVG – це лише текст. Якщо ви хочете відкрити його в текстовому редакторі, ви побачите лише текст, як у прикладі вище. Ось як глядачі SVG можуть показати малюнок – читаючи текст і розуміючи, як він повинен відображатися.

300px-Bitmap VS SVG ru.svg.png

Власне дослідження

Кожен формат має своє призначення, тож не можна однозначно сказати, який формат краще. Найоптимальнішими для себе я вважаю формати png та jpg. Перший для зберігання фотографій у високій якості, а другий для швидкої передачі даних.

Посилання на Google Drive, де розміщені фото

BMP JPG GIF PNG SVG
Приклади bmp jpg gif png svg
Розмір 5.49 МБ 219 КБ 946 КБ 1.69 МБ 1.97 МБ
Стиснення (втрата якості) відсутня з втратами відсутня відсутня відсутня
Кольори Змінна величина 16 мільйонів 256 16 мільйонів + прозорість 16 мільйонів + прозорість
Використання Растрові зображення Статичні зображення, фото,
зображення з складними
кольорами та динамікою
Проста анімація, маленькі іконки,
графіка с низькою варіацією пікселей
Веб-графіка з прозорістю,складні фото з багатьмакольорами та графікою,
зображення, які потрібно повторно редагувати та експортувати
Логотипи та графіка в веб-дизайні