Відмінності між версіями «ОЗТМ КН19Б Гордієнко лаб3»

Матеріал з Вікі ЦДУ
Перейти до: навігація, пошук
м
м
 
(не показані 2 проміжні версії цього учасника)
Рядок 35: Рядок 35:
 
Проблема підтримки 24-бітної (повної) прозорості зображення формату PNG у internet-браузері Internet Explorer виробництва Microsoft вирішена компанією-виробником цього програмного продукту у сьомій його версії. Попри це, існує ряд прийомів і технік, які дозволяють веб-майстрам уникнути цієї проблеми, застосовуючи різні скрипти і функції. Всі інші сучасні браузери успішно підтримують можливості формату PNG.
 
Проблема підтримки 24-бітної (повної) прозорості зображення формату PNG у internet-браузері Internet Explorer виробництва Microsoft вирішена компанією-виробником цього програмного продукту у сьомій його версії. Попри це, існує ряд прийомів і технік, які дозволяють веб-майстрам уникнути цієї проблеми, застосовуючи різні скрипти і функції. Всі інші сучасні браузери успішно підтримують можливості формату PNG.
 
| *.png
 
| *.png
 +
|-
 +
| '''TIFF'''
 +
| TIFF (англ. Tag Image File Format або Tagged Image File Format) — графічний формат, розроблений компанією Aldus (сучасна Adobe) у 1987 році, як один з базових універсальних форматів представлення високоякісних зображень, які використовуються у поліграфічній галузі. Попри те, що формат досить старий, він не втратив своїх позицій і досі широко використовується за призначенням. Найбільш недавня версія формату, TIFF 6 представлена у 1992 році.
 +
TIFF підтримує велику кількість алгоритмів стиснення. А саме алгоритми стиснення без втрат:
 +
* PackBits
 +
* LZW (Lempel-Ziv-Welch), широко використовується для стиснення ч/б та кольорових зображень (але не дуже ефективний для стиснення CMYK-даних)
 +
* CCITT Fax group 3 та 4, в основному використовується для Line Art зображень (особливо для інформації з RIP)
 +
Офіційно TIFF також підтримує JPEG-компресію, але зважаючи на втрати, які при цьому невідворотні, такого роду компресія не використовується для високоякісних зображень. Формат TIFF накладає обмеження на розмір файлу до 4 GB. Якщо зважити на те, що у цьому об'ємі може міститися стиснене зображення з середнім коефіцієнтом стиснення, то теоретично його розміри можуть наближатися до розмірів 232-1 пікселів.
 +
| *.tiff<br/>*.tif
 
|}
 
|}
  
Рядок 50: Рядок 59:
 
| Scalable Vector Graphics (скорочено SVG) (з англ. масштабована векторна графіка) — специфікація мови розмітки, що базується на XML, та формат файлів для двовимірної векторної графіки, як статичної, так і анімованої та інтерактивної. SVG може бути виключно декларативним, або містити описи сценаріїв. Зображення можуть містити зовнішні посилання шляхом застосування простих XLink-ів. Ця специфікація є відкритим стандартом, розробленим робочою групою англ. SVG Working Group організації World Wide Web Consortium.
 
| Scalable Vector Graphics (скорочено SVG) (з англ. масштабована векторна графіка) — специфікація мови розмітки, що базується на XML, та формат файлів для двовимірної векторної графіки, як статичної, так і анімованої та інтерактивної. SVG може бути виключно декларативним, або містити описи сценаріїв. Зображення можуть містити зовнішні посилання шляхом застосування простих XLink-ів. Ця специфікація є відкритим стандартом, розробленим робочою групою англ. SVG Working Group організації World Wide Web Consortium.
 
| *.svg
 
| *.svg
 +
|-
 +
| '''VML'''
 +
| Мова розмітки векторної графіки (Vector Markup Language, VML) — формат експорту даних для опису векторної графіки, якою обмінюються в межах текстових програм. Цей формат обраний компанією Microsoft як графічний формат, сумісний з мовою XML (eXtensible Markup Language) і інтегрований в офісні програми користувача.
 +
 +
VML був представлений W3C у 1998 році компаніями Microsoft, Macromedia та ін Приблизно в той же час Adobe, Sun і кілька інших компаній подали на розгляд документи про мову PGML. Обидві мови пізніше стали основою для SVG.
 +
 +
Фрагменти на VML поміщаються всередину Web-сторінок, серед звичайного HTML-коду, і описують їх графічні елементи. VML підтримувався в Internet Explorer з п'ятої по дев'яту версії і в Microsoft Office 2000 +. Internet Explorer 10 вже не підтримує VML.
 +
| *.vml
 
|-
 
|-
 
|'''EPS'''
 
|'''EPS'''
Рядок 59: Рядок 76:
 
Отже, EPS більше підходить для обміну файлами з клієнтами, друку на принтері або для спільної роботи над проектом з іншими дизайнерами.
 
Отже, EPS більше підходить для обміну файлами з клієнтами, друку на принтері або для спільної роботи над проектом з іншими дизайнерами.
 
| *.eps
 
| *.eps
|}  
+
|}
  
==Не стиснене фото==
+
==Переваги та недоліки растрових і векторних зображень==
[[Файл:Photo 2022-03-31 17-38-29ГордієнкоЮ.jpg|center]]
+
{| class="wikitable" border="2" width="100%"
 +
| style="background-color:silver;" | '''Вид графічного зображення'''
 +
| style="background-color:silver;" | '''Переваги'''
 +
| style="background-color:silver;" | '''Недоліки'''
 +
|-  
 +
|'''Растрове'''
 +
|
 +
* Реалістичність зображень.
 +
* Природність кольорів.
 +
* Можливість отримання зображень з використанням спеціальних пристроїв
 +
|
 +
* Великі за розміром файли зображень.
 +
* Пікселізація зображення після збільшення.
 +
* Складність редагування ок­ремих елементів зображен­ня
 +
|-
 +
|'''Векторне'''
 +
|
 +
* Невеликі за розміром файли зображень.
 +
* Збереження якості після масштабування.
 +
* Простота редагування окремих елементів зображення
 +
|
 +
* Складність реалістичного відтворення об’єктів навко­лишнього середовища.
 +
* Відсутність пристроїв для автоматизованого створення зображення
 +
|-
 +
|}
  
 
==Таблиця порівняння форматів==
 
==Таблиця порівняння форматів==
Рядок 99: Рядок 140:
 
|-
 
|-
 
|'''PNG'''
 
|'''PNG'''
|16 мільйонів + прозорість
+
|256 трильйонів + прозорість
 
|Без втрат
 
|Без втрат
 
|Великий (< 2 МБ)
 
|Великий (< 2 МБ)
Рядок 105: Рядок 146:
 
| style="background-color:silver;" | [[Файл:D1l0yib-9fcd1f88-e07c-488a-9245-f88b1874757b.png|200px|center]]
 
| style="background-color:silver;" | [[Файл:D1l0yib-9fcd1f88-e07c-488a-9245-f88b1874757b.png|200px|center]]
 
|<nowiki>-</nowiki>
 
|<nowiki>-</nowiki>
 +
|-
 +
|'''TIFF'''
 +
|16 мільйонів
 +
|Без втрат
 +
|Великий (< 4 МБ)
 +
|Скан документів, печать
 +
| style="background-color:silver;" | -
 +
|(На сайт ЦДПУ-вікі не можна завантажити формат .tiff)
 
|-
 
|-
 
|}
 
|}
 +
 +
== Зображення ==
 +
Фото в форматі raw збережене в інших форматах:
 +
<big><big>[https://drive.google.com/drive/folders/1yr7hOxaqKLenNXWd1qqaBZSd9DE8Fi6L?usp=sharing File]</big></big>
 +
== Висновок ==
 +
Мені більш за все подобається формат GIF тому що, в Інтернеті він використовується для анімації.
 +
У найпростішій формі GIF - це просто файл зображення. Як і формати файлів JPEG або PNG, формат GIF можна використовувати для створення нерухомих зображень. Але формат GIF має особливу особливість - його також можна використовувати для створення анімованих зображень.

Поточна версія на 10:42, 29 квітня 2022

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

Формат Опис Розширення
BMP BMP (Bitmap) — bitmap-формат або DIB (англ. device independent bitmap) - формат файлу зображень растрової графіки, в якому зображення зберігається у вигляді двовимірного масиву пікселів. Запам'ятовує одно- і багатокольорові (RGB) ілюстрації у формі Pixel. BMP-формат використовується в операційних системах Windows та OS/2. Дані цього формату включаються в двійкові файли ресурсів RES і в PE-файли.

Формат файлу BMP здатний зберігати 2D цифрові зображення довільної ширини, висоти та роздільної здатності, як монохромні так і кольорові, різної глибини кольору, і, необов'язково, зі стисненням даних, альфа-каналом та керуванням кольору.

*.bmp
*.dib
JPEG JPEG (Joint Photographic Experts Group) — растровий формат збереження графічної інформації, що використовує стиснення з втратами якості зображення.

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

Алгоритм стиснення даних, що використовується у форматі, базується на алгоритмі дискретного косинусного перетворення.

Найбільша роздільна здатність, яку підтримує формат JPEG/JFIF є 65535×65535.

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

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

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

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

*.gif
PNG PNG (Portable Network Graphics) — растровий формат збереження графічної інформації, що використовує стиснення без втрат. PNG був створений для заміни формату GIF графічним форматом, який не потребує ліцензії для використання. Формат PNG зберігає інформацію у стиснутому вигляді, але стиснення проводиться без втрат якості, на відміну від формату JPEG.

Формат PNG характеризується сильнішим рівнем стиснення для файлів з більшою кількістю кольорів ніж GIF, але різниця становить близько 5-25%, чого недостатньо для абсолютної переваги формату, тому що маленькі картинки GIF стискає принаймні не гірше. Існує також одна особливість GIF, яку не повторює PNG — це можливість збереження множинного зображення, особливо мультиплікації. Призначення PNG — зберігати лише одне зображення. Для передачі множинних зображень використовується розширений формат MNG, опублікований у середині 1999 року, який підтримується у різних прикладних програмах.

Проблема підтримки 24-бітної (повної) прозорості зображення формату PNG у internet-браузері Internet Explorer виробництва Microsoft вирішена компанією-виробником цього програмного продукту у сьомій його версії. Попри це, існує ряд прийомів і технік, які дозволяють веб-майстрам уникнути цієї проблеми, застосовуючи різні скрипти і функції. Всі інші сучасні браузери успішно підтримують можливості формату PNG.

*.png
TIFF TIFF (англ. Tag Image File Format або Tagged Image File Format) — графічний формат, розроблений компанією Aldus (сучасна Adobe) у 1987 році, як один з базових універсальних форматів представлення високоякісних зображень, які використовуються у поліграфічній галузі. Попри те, що формат досить старий, він не втратив своїх позицій і досі широко використовується за призначенням. Найбільш недавня версія формату, TIFF 6 представлена у 1992 році.

TIFF підтримує велику кількість алгоритмів стиснення. А саме алгоритми стиснення без втрат:

  • PackBits
  • LZW (Lempel-Ziv-Welch), широко використовується для стиснення ч/б та кольорових зображень (але не дуже ефективний для стиснення CMYK-даних)
  • CCITT Fax group 3 та 4, в основному використовується для Line Art зображень (особливо для інформації з RIP)

Офіційно TIFF також підтримує JPEG-компресію, але зважаючи на втрати, які при цьому невідворотні, такого роду компресія не використовується для високоякісних зображень. Формат TIFF накладає обмеження на розмір файлу до 4 GB. Якщо зважити на те, що у цьому об'ємі може міститися стиснене зображення з середнім коефіцієнтом стиснення, то теоретично його розміри можуть наближатися до розмірів 232-1 пікселів.

*.tiff
*.tif

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

Формат Опис Розширення
AI AI (Adobe Illustrator) — формат файлу, розроблений Adobe Systems для зберігання векторних зображень. Adobe Illustrator для зберігання файлів AI використовує розширення .ai. AI підтримують практично всі програми, пов'язані з векторною графікою. Цей формат є найкращим посередником при передачі зображень з однієї програми в іншу. У цілому, поступаючись CorelDRAW у ілюстративних можливостях, (може містити в одному файлі тільки одну сторінку, має маленьке робоче поле — цей параметр дуже важливий для зовнішньої реклами — всього 3х3 метри) тим не менш, він відрізняється найбільшою стабільністю і сумісністю з мовою PostScript, на яку орієнтуються практично всі видавницько-поліграфічні додатки. *.аі
SVG Scalable Vector Graphics (скорочено SVG) (з англ. масштабована векторна графіка) — специфікація мови розмітки, що базується на XML, та формат файлів для двовимірної векторної графіки, як статичної, так і анімованої та інтерактивної. SVG може бути виключно декларативним, або містити описи сценаріїв. Зображення можуть містити зовнішні посилання шляхом застосування простих XLink-ів. Ця специфікація є відкритим стандартом, розробленим робочою групою англ. SVG Working Group організації World Wide Web Consortium. *.svg
VML Мова розмітки векторної графіки (Vector Markup Language, VML) — формат експорту даних для опису векторної графіки, якою обмінюються в межах текстових програм. Цей формат обраний компанією Microsoft як графічний формат, сумісний з мовою XML (eXtensible Markup Language) і інтегрований в офісні програми користувача.

VML був представлений W3C у 1998 році компаніями Microsoft, Macromedia та ін Приблизно в той же час Adobe, Sun і кілька інших компаній подали на розгляд документи про мову PGML. Обидві мови пізніше стали основою для SVG.

Фрагменти на VML поміщаються всередину Web-сторінок, серед звичайного HTML-коду, і описують їх графічні елементи. VML підтримувався в Internet Explorer з п'ятої по дев'яту версії і в Microsoft Office 2000 +. Internet Explorer 10 вже не підтримує VML.

*.vml
EPS EPS – стандартний векторний формат файлів, що складається з численних формул і чисел, за рахунок яких генерується векторна ілюстрація.

Це ідеальний формат для тих елементів дизайну, які зазвичай потрібно масштабувати (наприклад, логотипи). Файли в форматі EPS готові до друку, однак, це не той формат, який потрібно використовувати у веб-дизайні. Найчастіше після затвердження дизайну сторінки його складові елементи конвертуються в PNG, JPG і GIF. Елементи дизайну, збережені у форматі EPS, можна відкрити в будь-якому редакторі з підтримкою векторної графіки. Отже, EPS більше підходить для обміну файлами з клієнтами, друку на принтері або для спільної роботи над проектом з іншими дизайнерами.

*.eps

Переваги та недоліки растрових і векторних зображень

Вид графічного зображення Переваги Недоліки
Растрове
  • Реалістичність зображень.
  • Природність кольорів.
  • Можливість отримання зображень з використанням спеціальних пристроїв
  • Великі за розміром файли зображень.
  • Пікселізація зображення після збільшення.
  • Складність редагування ок­ремих елементів зображен­ня
Векторне
  • Невеликі за розміром файли зображень.
  • Збереження якості після масштабування.
  • Простота редагування окремих елементів зображення
  • Складність реалістичного відтворення об’єктів навко­лишнього середовища.
  • Відсутність пристроїв для автоматизованого створення зображення

Таблиця порівняння форматів

Формат зображення Доступні кольори Стиснення Розмір файла(середнє значення) Найкраще підходить для Приклад Примітка
BMP Змінна величина Без втрат Великий (< 2 МБ) -
89-890100 easy-free-on-dumielauxepices-net-cartoon-harley.png
(На сайт ЦДПУ-вікі не можна завантажити формат .bmp)
JPEG 16 мільйонів З втратами Невеликий (< 1 МБ) Інтернета та зберігання
Poison-ivy-harley-quinn-margot-robbie-dc-comics-warner-bros.jpg
-
GIF 256 Без втрат Невеликий (< 1 МБ) Анімації
LividIllfatedAfricanwildcat-size restricted.gif
-
PNG 256 трильйонів + прозорість Без втрат Великий (< 2 МБ) Інтернет, зберігання та редактування
D1l0yib-9fcd1f88-e07c-488a-9245-f88b1874757b.png
-
TIFF 16 мільйонів Без втрат Великий (< 4 МБ) Скан документів, печать - (На сайт ЦДПУ-вікі не можна завантажити формат .tiff)

Зображення

Фото в форматі raw збережене в інших форматах: File

Висновок

Мені більш за все подобається формат GIF тому що, в Інтернеті він використовується для анімації. У найпростішій формі GIF - це просто файл зображення. Як і формати файлів JPEG або PNG, формат GIF можна використовувати для створення нерухомих зображень. Але формат GIF має особливу особливість - його також можна використовувати для створення анімованих зображень.