Відмінності між версіями «Мельников Сергій Володимирович Графічні Формати»

Матеріал з Вікі ЦДУ
Перейти до: навігація, пошук
(→‎Растрові формати)
 
(не показані 8 проміжних версій 2 учасників)
Рядок 20: Рядок 20:
 
|Формат растрової графіки GIF можна повною мірою назвати технологічним реліктом, так як своє походження формат GIF веде ще зі стародавніх вісімдесятих років минулого століття. Такий собі цифровий крокодил, ровесник динозаврів, що успішно перемагає в боротьбі за існування з більш сучасними розробками.
 
|Формат растрової графіки GIF можна повною мірою назвати технологічним реліктом, так як своє походження формат GIF веде ще зі стародавніх вісімдесятих років минулого століття. Такий собі цифровий крокодил, ровесник динозаврів, що успішно перемагає в боротьбі за існування з більш сучасними розробками.
 
|.gif
 
|.gif
 +
|-
 +
| '''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
 
|}
 
|}
 +
 +
=== Векторний формат ===
 +
{| class="wikitable" border="1" width="100%"
 +
|'''Формат'''
 +
|'''Опис'''
 +
|'''Розширення'''
 +
|-
 +
| '''SVG'''
 +
| SVG — XML мова розмітки на основі векторної графіки. По суті, це текстовий файл, який є відкритим веб-стандартом для опису двомірних векторних зображень без втрати якості при масштабуванні. Також підтримує інтерактивність та анімацію. Розробляється з 1999 року та використовується для того, щоб описати за допомогою мови програмування графічні елементи сайту.
 +
| .svg
 +
|-
 +
| '''AI'''
 +
| AI (Adobe Illustrator) — формат файлу, розроблений Adobe Systems для зберігання векторних зображень. Adobe Illustrator для зберігання файлів AI використовує розширення .ai. AI підтримують практично всі програми, пов'язані з векторною графікою. Цей формат є найкращим посередником при передачі зображень з однієї програми в іншу. У цілому, поступаючись CorelDRAW у ілюстративних можливостях, (може містити в одному файлі тільки одну сторінку, має маленьке робоче поле — цей параметр дуже важливий для зовнішньої реклами — всього 3х3 метри) тим не менш, він відрізняється найбільшою стабільністю і сумісністю з мовою PostScript, на яку орієнтуються практично всі видавницько-поліграфічні додатки.
 +
| .аі
 +
|-
 +
| '''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
 +
|}
 +
 +
==Порівняння растрових та векторних зображень==
 +
{| class="wikitable" border="1" width="40%"
 +
!Векторні
 +
!Растрові
 +
|-
 +
|Складаються з об'єктів описаних математично
 +
|Складаються з масивів пікселів
 +
|-
 +
|Обсяг залежить не від розміру зображення, а від кількості об'єктів на ньому
 +
|Обсяг залежить від розміру зображення
 +
|-
 +
|Можна збільшувати без погіршення якості
 +
|У разі збільшення зображення якість погіршується
 +
|-
 +
|Не дають змогу точно передати перехід від одного кольору до іншого
 +
|Дають змогу отримати зображення фотографічної якості
 +
|}
 +
 +
*Примітка: мені більш за все подобається формат GIF, по суті ціла куча растрових зображень які змінюються з певною швидкістю створюють анімацію, для мене це дуже круто!
 +
 +
==Таблиця порівняння форматів==
 +
{| class="wikitable" border="1" width="100%"
 +
!'''Формат'''
 +
!'''Макс. кількість<br/>бітів/пікселів'''
 +
!'''Макс. кількість<br/>кольорів'''
 +
!'''Макс. розмір<br/>зображення,<br/>піксель'''
 +
!'''Методи<br/>стиснення'''
 +
!'''Приклад'''
 +
|-
 +
! BMP
 +
! 24
 +
! 16 777 216
 +
! 65535 x 65535
 +
! RLE
 +
![[Файл:MelnikovBMPHOTO.jpg|200px|center]]
 +
|-
 +
! JPEG
 +
! 24
 +
! 16 777 216
 +
! 65535 x 65535
 +
! JPEG
 +
![[Файл:MelnikovJPGPHOTO.jpg|200px|center]]
 +
|-
 +
! PNG
 +
! 48
 +
! 281 474 976 710 656
 +
! 2 147 483 647 x 2 147 483 647
 +
! Deflation (LZ77)
 +
![[Файл:MelnikovPNG.png|200px|center]]
 +
|-
 +
! GIF
 +
! 8
 +
! 256
 +
! 65535 x 65535
 +
! LZW
 +
![[Файл:MelnikovGIF.gif|200px|center]]
 +
|}
 +
 +
==Фото без стиснення==
 +
[[Файл:Photo ne_stis_file.jpg|center]]

Поточна версія на 17:54, 1 травня 2022

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

Формат Опис Розширення
BMP Файл растрової графіки містить інформацію, необхідну комп'ютеру для відтворення зображення. Ми з вами на екрані можемо побачити гарне зображення заходу сонця, але комп'ютер сприймає цю картину у вигляді одиниць та нулів. Те, що робить комп'ютер із цими одиницями та нулями, і дозволяє відтворити початкове зображення. Зрештою, біти і байти в растровому масиві (bitmap) повідомляють комп'ютеру, в який колір пофарбувати кожен піксел зображення. Потім комп'ютер перетворює кольори растрового масиву на формат, сумісний з адаптером його дисплея, і передає цей формат апаратурі виведення відео. .bmp
.dib
JPEG Це абревіатура від Joint Photographic Experts Group, яка є назвою комісії, яка була створена у 1986 році та у 1992 році створила стандарт для зберігання та стиснення JPEG зображень. Графічний формат JPEG використовує стиск із втратами. Різниця в оригіналі та стиснутій копії є, але оком вона непомітна і, крім того, рівень стиснення JPEG файлу можна регулювати в досить широкому діапазоні. Графічний формат файлу JPEG підійде як там, де потрібна максимальна якість фотографії (наприклад, друк), так і там, де бажаний розмір файлу (інтернет, пошта). .jpg
.jpeg
PNG PNG-файли широко використовується на веб-сайтах для відображення високоякісних цифрових зображень. Створені як покращена версія формату GIF, PNG-файли пропонують не тільки алгоритм стиснення без втрат, але й набагато ширшу та яскравішу палітру кольорів. Читайте далі, щоб дізнатися про переваги та недоліки PNG-файлів, основні способи їх використання та створення. .png
GIF Формат растрової графіки GIF можна повною мірою назвати технологічним реліктом, так як своє походження формат GIF веде ще зі стародавніх вісімдесятих років минулого століття. Такий собі цифровий крокодил, ровесник динозаврів, що успішно перемагає в боротьбі за існування з більш сучасними розробками. .gif
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

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

Формат Опис Розширення
SVG SVG — XML мова розмітки на основі векторної графіки. По суті, це текстовий файл, який є відкритим веб-стандартом для опису двомірних векторних зображень без втрати якості при масштабуванні. Також підтримує інтерактивність та анімацію. Розробляється з 1999 року та використовується для того, щоб описати за допомогою мови програмування графічні елементи сайту. .svg
AI AI (Adobe Illustrator) — формат файлу, розроблений Adobe Systems для зберігання векторних зображень. Adobe Illustrator для зберігання файлів AI використовує розширення .ai. AI підтримують практично всі програми, пов'язані з векторною графікою. Цей формат є найкращим посередником при передачі зображень з однієї програми в іншу. У цілому, поступаючись CorelDRAW у ілюстративних можливостях, (може містити в одному файлі тільки одну сторінку, має маленьке робоче поле — цей параметр дуже важливий для зовнішньої реклами — всього 3х3 метри) тим не менш, він відрізняється найбільшою стабільністю і сумісністю з мовою PostScript, на яку орієнтуються практично всі видавницько-поліграфічні додатки. .аі
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

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

Векторні Растрові
Складаються з об'єктів описаних математично Складаються з масивів пікселів
Обсяг залежить не від розміру зображення, а від кількості об'єктів на ньому Обсяг залежить від розміру зображення
Можна збільшувати без погіршення якості У разі збільшення зображення якість погіршується
Не дають змогу точно передати перехід від одного кольору до іншого Дають змогу отримати зображення фотографічної якості
  • Примітка: мені більш за все подобається формат GIF, по суті ціла куча растрових зображень які змінюються з певною швидкістю створюють анімацію, для мене це дуже круто!

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

Формат Макс. кількість
бітів/пікселів 		Макс. кількість
кольорів 		Макс. розмір
зображення,
піксель 		Методи
стиснення 		Приклад
BMP 24 16 777 216 65535 x 65535 RLE
MelnikovBMPHOTO.jpg
JPEG 24 16 777 216 65535 x 65535 JPEG
MelnikovJPGPHOTO.jpg
PNG 48 281 474 976 710 656 2 147 483 647 x 2 147 483 647 Deflation (LZ77)
MelnikovPNG.png
GIF 8 256 65535 x 65535 LZW
MelnikovGIF.gif

Фото без стиснення

Photo ne stis file.jpg
Отримано з https://wiki.cusu.edu.ua/index.php?title=Мельников_Сергій_Володимирович_Графічні_Формати&oldid=377934