Відмінності між версіями «Лаб. №3. Дон Тетяна»

Матеріал з Вікі ЦДУ
Перейти до: навігація, пошук
(Сторінка очищена)
 
(не показані 4 проміжні версії цього учасника)
Рядок 1: Рядок 1:
−
 
+
<big><big>'''Графічні формати'''</big> файлів і даних призначені для зберігання зображень: фотографій та малюнків.</big><br />
 +
<div style=" style="margin: auto; text-align: left;">
 +
{| class="table" border="1"
 +
|colspan="8" height="3em" | <font size=4>'''''Види графічних форматів'''''</font>
 +
|-
 +
! Растові
 +
! Векторні
 +
! Комплексні
 +
|-
 +
|style = "text-align:left;" |BMP<br />JPG<br />GIF<br />PNG<br />TIFF<br />JPG 2000<br />TGA<br />PSD
 +
|style = "text-align:left;" |WMP<br />SVG і SVGZ<br />EPS<br />AL<br />CDR<br /><br /><br /><br />
 +
|style = "text-align:left;" |DiVu<br />PDE<br /><br /><br /><br /><br /><br /><br />
 +
|}
 +
<br />
 +
==Формат BMP==
 +
<big><big>'''BMP (Bitmap)'''</big> — це формат файлу зображень растрової графіки, в якому зображення зберігається у вигляді двовимірного масиву пікселів. Ілюстрації в цьому форматі можуть бути одно і багатокольорові (RGB) у формі Pixel.
 +
<br />
 +
<br />
 +
[[Файл:Format_BMP.jpg.jpg |міні]]
 +
<big>'''Можливості:'''</big> <br />
 +
* можна зберігати тільки одношарові растри;
 +
* є здатність зберігати 2D цифрові зображення довільної ширини, висоти та роздільності, як монохромні так і кольорові, різної глибини кольору, чи без неї, зі стисненням даних. На кожен піксель в різних файлах може приходити різна кількість біт. Наприклад, Microsoft пропонує бітності 1, 2, 4, 8, 16, 24, 32, 48 і 64;
 +
* у більшості випадків пікселі зберігаються у вигляді відносно простого двовимірного масиву;
 +
* підтримує дані у форматах JPEG і PNG;
 +
* є можливість управління кольором (в останніх версіях).
 +
<br />
 +
<big>'''Використання:'''</big> <br />
 +
BMP-формат використовується в операційних системах Windows та OS/2. Також, дані цього формату включаються в двійкові файли ресурсів RES і в PE-файли.</big><br />
 +
Детальніше, можна знайти тут: [https://uk.wikipedia.org/wiki/BMP https://uk.wikipedia.org/wiki/BMP].
 +
<br />
 +
<br />
 +
==Формат JPG==
 +
<big><big>'''JPEG (Joint Photographic Experts Group)'''</big> — це растровий формат збереження графічної інформації, що використовує стиснення з втратами.
 +
<br />
 +
<br />
 +
[[Файл:1486475351 flw000018.jpg|300пкс|справа]]
 +
<big>'''Можливості:'''</big>
 +
* якщо треба  дуже сильно стиснути зображення, то його втрати можна переглянути за допомогою модуля Matrixmuster (матричний зразок, матричний малюнок);
 +
* втрати і спотворення інформації через ступінь стиснення можуть проявлятися вже в призначених для користувача програмах. Допустимий рівень стиснення
 +
* залежить від характеру зображення та перебуває в межах 1:10;
 +
* найбільша роздільна здатність,яку підтримує формат JPEG є 65535×65535.
 +
<br />
 +
<big>'''Використання:'''</big><br />
 +
Часто використовується як формат даних в цифрових камерах. У Інтернеті формат JPEG застосовується для відображення напівтонових ілюстрацій та графічної інформації з плавним переходом тонів.  Область застосування формату досить вузька — розповсюдження високоякісної напівтонової графіки в Інтернеті. Також, підтримується практично всіма сучасними графічними програмами та веб-браузерами.</big><br />
 +
Джерела інформації: https://uk.wikipedia.org/wiki/JPEG
 +
<br />
 +
<br />
 +
==Формат gif==
 +
<big><big>'''GIF (Graphics Interchange Format)'''</big> — це 8-бітний растровий графічний формат, що використовує до 256 чітких кольорів із 24-бітного діапазону RGB. Формат було розроблено компанією CompuServe у 1987 році, і з того часу набув широкої популярності.
 +
<br />
 +
<br />
 +
[[Файл: Giphy.JPG.gif|300пкс|справа]]
 +
<big>'''Можливості:'''</big><br />
 +
* Одними з головних особливостей формату є підтримка анімації та прозорості.
 +
* В анімованих GIF-файлах використовують два типи палітр:
 +
# глобальну – визначає кольори кожного зображення анімації за замовчуванням;
 +
# локальну – є унікальною для кожного окремого кадру анімації.
 +
<br />
 +
<big>'''Основні способи скорочення розміру анімованого GIF-файлу:'''</big><br />
 +
# скорочення колірної палітри;
 +
# меншення кількості кадрів (шарів);
 +
# оптимізація окремих кадрів анімації.</big><br />
 +
Детальніше, можна знайти тут: [https://uk.wikipedia.org/wiki/GIF https://uk.wikipedia.org/wiki/GIF].
 +
<br />
 +
<br />
 +
==Формат PNG==
 +
<big><big>'''PNG (Portable Network Graphics)'''</big> — це растровий формат збереження графіки, що використовує стиснення без втрат. PNG був створений для заміни формату GIF – графічним, який не потребує ліцензії для використання. Файли  формату PNG мають розширення .png і використовують позначення MIME-типу image/png.
 +
<br />
 +
<br />
 +
[[Файл:Butterfly2-186.png |280пкс|справа]]
 +
<big>'''Можливості:'''</big><br />
 +
* зберігає  лише зображення;
 +
* сильніший рівень стинення файлів;
 +
* є більша кількість кольорів ніж у giF.
 +
<br />
 +
<big>'''Використання:'''</big><br />
 +
На відміну від формату JPEG, PNG зберігає інформацію у стиснутому вигляді, без втрат якості. Формат PNG спроектований на заміну застарілого і простішого формату GIF, та  для заміни складнішого формату TIFF.</big><br />
 +
Детальніше, можна знайти тут: [https://ru.wikipedia.org/wiki/PNG https://ru.wikipedia.org/wiki/PNG].
 +
<br />
 +
<br />
 +
==Формат SVG==
 +
<big><big>'''SVG (Scalable Vector Graphics)'''</big> — формат файлів для двовимірної векторної графіки, як статичної, так і анімованої та інтерактивної. SVG може бути виключно декларативним, або містити описи сценаріїв. Зображення можуть містити зовнішні посилання шляхом застосування простих XLink-ів.
 +
<br />
 +
<br />
 +
[[Файл:300px-Svg.svg.png |300пкс|справа]]
 +
<big>'''Можливості:'''</big><br />
 +
# Можна читати і редагувати за допомогою звичайних текстових редакторів;
 +
# Є доступ до проглядання коду файлу із графікою і можливість збереження всього документу;
 +
# Можливість збільшити будь-яку частину зображення SVG без втрати якості;
 +
# До документу можливо застосовувати фільтри — спеціальні модифікатори для створення ефектів;
 +
# Доступне використання растрової графіки в SVG документах. Можна вставляти елементи із зображеннями у форматах PNG, GIF або JPG;
 +
# Текст в графіці SVG є текстом, а не зображенням, тому його можна виділяти і копіювати. Не потрібно створювати додаткові метафайли для пошукових серверів.</big><br />
 +
Детальніше, можна знайти тут: [https://uk.wikipedia.org/wiki/Scalable_Vector_Graphics https://uk.wikipedia.org/wiki/Scalable_Vector_Graphics].
 +
<br />
 +
<br />
 +
==Таблиця порівняння графічних форматів==
 +
{| class="wikitable" border="10" width="100%"
 +
|-
 +
! style = "text-align:center;" | Назва формату                                                                         
 +
! style = "text-align:center;" | Вид             
 +
! style = "text-align:center;" | Якість<br />зображення 
 +
! style = "text-align:center;" | Кількість доступних <br />кольорів (у пкс) 
 +
! style = "text-align:center;" | Розміри файлів 
 +
! style = "text-align:center;" | Застосування 
 +
! style = "text-align:center;" | Приклад 
 +
|-
 +
| style = "text-align:center;" | BMP
 +
| style = "text-align:center;" | Растовий 
 +
| style = "text-align:center;" | Відсутня втрата<br />якості
 +
| style = "text-align:center;" | 24-х бітний колір<br />(до 16,8 млн кольорів)
 +
| style = "text-align:center;" | Великі та залежать від розмірів<br />самого зображення у пкс.
 +
| style = "text-align:center;" | Робочий стіл Windows, документи<br />Word, PowerPoint, Publisher, Paint. <br />Власний формат редактора Paint
 +
| style = "text-align:center;" |[https://drive.google.com/file/d/14KwOazrP1iO1D_QXYBGMwfDdq9pz5x_Z/view  BMP  ]                           
 +
|-
 +
| style = "text-align:center;" | JPG
 +
| style = "text-align:center;" | Растовий 
 +
| style = "text-align:center;" | Відсутня втрата<br />якості
 +
| style = "text-align:center;" | 8-и бітний колір (кількість<br />кольорів у зображенні -<br />256 чи менше)
 +
| style = "text-align:center;" | Менші, ніж у BMP, PSD,<br />нестиснений TIFF і зрівнюєть-<br />ся з розмірами файлів TIFF із<br /> стисненням LZW і ZIP
 +
| style = "text-align:center;" | Web-сайти та Документи MS Office
 +
| style = "text-align:center;" |[https://drive.google.com/file/d/12SILX6ieFCZhTvOog4u66H2oORJQwNHH/view    JPG  ]
 +
|-
 +
| style = "text-align:center;" | gif
 +
| style = "text-align:center;" | Растовий 
 +
| style = "text-align:center;" | Є втрата якості
 +
| style = "text-align:center;" | 8-и бітний колір (кількість<br /> кольорів у зображенні -<br />256 чи менше)
 +
| style = "text-align:center;" | Від 3-х до 10-и разів менші,<br />за файли формату BMP.
 +
| style = "text-align:center;" | Web-сайти. Документи MS Office, <br />але вони призначеннідля перегля-<br />ду на екрані, наприклад: презен-<br />тації PowerPoint.
 +
| style = "text-align:center;" | [https://drive.google.com/file/d/1UoH_MR0koE2RhLUG1v-nFSH0WpFG44s3/view  GIF ]
 +
|-
 +
| style = "text-align:center;" | PNG
 +
| style = "text-align:center;" | Растовий 
 +
| style = "text-align:center;" | Відсутня втрата<br />якості
 +
| style = "text-align:center;" | 8-и бітний колір (кількість<br /> кольорів у зображенні -<br />256 чи менше)
 +
| style = "text-align:center;" | Менші, ніж BMP, PSD,<br />нестиснений TIFF і зрівнюєть-<br />ся з розмірами файлів TIFF із<br />стисненням LZW і ZIP
 +
| style = "text-align:center;" | Web-сайти і Документи MS Office
 +
| style = "text-align:center;" | [https://drive.google.com/file/d/1c_qWcIlgRTXPnGEJFfmKUNaH7tpEltI-/view  PNG ]
 +
|-
 +
|}

Поточна версія на 12:15, 7 квітня 2018

Графічні формати файлів і даних призначені для зберігання зображень: фотографій та малюнків.

Види графічних форматів
Растові Векторні Комплексні
BMP
JPG
GIF
PNG
TIFF
JPG 2000
TGA
PSD 		WMP
SVG і SVGZ
EPS
AL
CDR



 DiVu
PDE







Формат BMP

BMP (Bitmap) — це формат файлу зображень растрової графіки, в якому зображення зберігається у вигляді двовимірного масиву пікселів. Ілюстрації в цьому форматі можуть бути одно і багатокольорові (RGB) у формі Pixel.

Format BMP.jpg.jpg

Можливості:

  • можна зберігати тільки одношарові растри;
  • є здатність зберігати 2D цифрові зображення довільної ширини, висоти та роздільності, як монохромні так і кольорові, різної глибини кольору, чи без неї, зі стисненням даних. На кожен піксель в різних файлах може приходити різна кількість біт. Наприклад, Microsoft пропонує бітності 1, 2, 4, 8, 16, 24, 32, 48 і 64;
  • у більшості випадків пікселі зберігаються у вигляді відносно простого двовимірного масиву;
  • підтримує дані у форматах JPEG і PNG;
  • є можливість управління кольором (в останніх версіях).


Використання:
BMP-формат використовується в операційних системах Windows та OS/2. Також, дані цього формату включаються в двійкові файли ресурсів RES і в PE-файли.
Детальніше, можна знайти тут: https://uk.wikipedia.org/wiki/BMP.

Формат JPG

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

1486475351 flw000018.jpg

Можливості:

  • якщо треба дуже сильно стиснути зображення, то його втрати можна переглянути за допомогою модуля Matrixmuster (матричний зразок, матричний малюнок);
  • втрати і спотворення інформації через ступінь стиснення можуть проявлятися вже в призначених для користувача програмах. Допустимий рівень стиснення
  • залежить від характеру зображення та перебуває в межах 1:10;
  • найбільша роздільна здатність,яку підтримує формат JPEG є 65535×65535.


Використання:
Часто використовується як формат даних в цифрових камерах. У Інтернеті формат JPEG застосовується для відображення напівтонових ілюстрацій та графічної інформації з плавним переходом тонів. Область застосування формату досить вузька — розповсюдження високоякісної напівтонової графіки в Інтернеті. Також, підтримується практично всіма сучасними графічними програмами та веб-браузерами.
Джерела інформації: https://uk.wikipedia.org/wiki/JPEG

Формат gif

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

Giphy.JPG.gif

Можливості:

  • Одними з головних особливостей формату є підтримка анімації та прозорості.
  • В анімованих GIF-файлах використовують два типи палітр:
  1. глобальну – визначає кольори кожного зображення анімації за замовчуванням;
  2. локальну – є унікальною для кожного окремого кадру анімації.


Основні способи скорочення розміру анімованого GIF-файлу:

  1. скорочення колірної палітри;
  2. меншення кількості кадрів (шарів);
  3. оптимізація окремих кадрів анімації.

Детальніше, можна знайти тут: https://uk.wikipedia.org/wiki/GIF.

Формат PNG

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

Butterfly2-186.png

Можливості:

  • зберігає лише зображення;
  • сильніший рівень стинення файлів;
  • є більша кількість кольорів ніж у giF.


Використання:
На відміну від формату JPEG, PNG зберігає інформацію у стиснутому вигляді, без втрат якості. Формат PNG спроектований на заміну застарілого і простішого формату GIF, та для заміни складнішого формату TIFF.
Детальніше, можна знайти тут: https://ru.wikipedia.org/wiki/PNG.

Формат SVG

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

300px-Svg.svg.png

Можливості:

  1. Можна читати і редагувати за допомогою звичайних текстових редакторів;
  2. Є доступ до проглядання коду файлу із графікою і можливість збереження всього документу;
  3. Можливість збільшити будь-яку частину зображення SVG без втрати якості;
  4. До документу можливо застосовувати фільтри — спеціальні модифікатори для створення ефектів;
  5. Доступне використання растрової графіки в SVG документах. Можна вставляти елементи із зображеннями у форматах PNG, GIF або JPG;
  6. Текст в графіці SVG є текстом, а не зображенням, тому його можна виділяти і копіювати. Не потрібно створювати додаткові метафайли для пошукових серверів.

Детальніше, можна знайти тут: https://uk.wikipedia.org/wiki/Scalable_Vector_Graphics.

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

Назва формату Вид Якість
зображення 		Кількість доступних
кольорів (у пкс) 		Розміри файлів Застосування Приклад
BMP Растовий Відсутня втрата
якості 		24-х бітний колір
(до 16,8 млн кольорів) 		Великі та залежать від розмірів
самого зображення у пкс. 		Робочий стіл Windows, документи
Word, PowerPoint, Publisher, Paint.
Власний формат редактора Paint 		BMP
JPG Растовий Відсутня втрата
якості 		8-и бітний колір (кількість
кольорів у зображенні -
256 чи менше) 		Менші, ніж у BMP, PSD,
нестиснений TIFF і зрівнюєть-
ся з розмірами файлів TIFF із
стисненням LZW і ZIP 		Web-сайти та Документи MS Office JPG
gif Растовий Є втрата якості 8-и бітний колір (кількість
кольорів у зображенні -
256 чи менше) 		Від 3-х до 10-и разів менші,
за файли формату BMP. 		Web-сайти. Документи MS Office,
але вони призначеннідля перегля-
ду на екрані, наприклад: презен-
тації PowerPoint. 		GIF
PNG Растовий Відсутня втрата
якості 		8-и бітний колір (кількість
кольорів у зображенні -
256 чи менше) 		Менші, ніж BMP, PSD,
нестиснений TIFF і зрівнюєть-
ся з розмірами файлів TIFF із
стисненням LZW і ZIP 		Web-сайти і Документи MS Office PNG
Отримано з https://wiki.cusu.edu.ua/index.php?title=Лаб._№3._Дон_Тетяна&oldid=314558