Відмінності між версіями «Лабораторна робота №3 Дюков Євген»

Матеріал з Вікі ЦДУ
Перейти до: навігація, пошук
 
(не показані 3 проміжні версії цього учасника)
Рядок 1: Рядок 1:
==Графічні формати==
+
==Формат .bmp==
[[Файл:Dbmp.png|100px|right]]
+
[[Файл:Dbmp.png|120px|right]]
====Формат .bmp====
+
 
BMP(BitMaP) - формат растрової графіки, в якому зображення зберігається у вигляді двовимірного масиву пікселів. Його розпізнає будь-яка програма,  
 
BMP(BitMaP) - формат растрової графіки, в якому зображення зберігається у вигляді двовимірного масиву пікселів. Його розпізнає будь-яка програма,  
 
що працює з графікою, підтримка формату інтегрована в операційні системи Windows. Зображення у форматі BMP чіткі та точні, але будучи залежними від  
 
що працює з графікою, підтримка формату інтегрована в операційні системи Windows. Зображення у форматі BMP чіткі та точні, але будучи залежними від  
пікселів, погано масштабуються. Зараз формат BMP майже не використовується.
+
пікселів, погано масштабуються. Зараз формат BMP майже не використовується. Файли формату BMP можуть мати розширення .bmp, .dib і .rle. Також, можливе стиснення без втрат.
====Формат .jpg====
+
BMP-файл складається з чотирьох частин:
[[Файл:Djpg.png|100px|right]]
+
 
 +
1. Заголовок файлу,який містить:
 +
*розмір файлу(чим більші геометричні розміри BMP-зображення і колірна глибина, тим більший розмір файлу).
 +
*ширина і висота малюнка.
 +
*глибина пікселів. Microsoft пропонує бітності 1, 2, 4, 8, 16, 24, 32, 48 і 64 (чим більше біт відводиться на піксель,  тим краще зображення).
 +
*колір(можна задати тільки в RGB)
 +
2. Заголовок зображення (може бути відсутнім)
 +
 
 +
3. Палітра (може бути відсутнім)
 +
 
 +
4. Саме зображення
 +
==Формат .jpg==
 +
[[Файл:Djpg.png|120px|right]]
 
JPG(Joint Photographic Experts Group) - стандартний стандартний формат зображення, найпопулярніший у Інтернеті. JPG підтримує 16,7 мільйона  
 
JPG(Joint Photographic Experts Group) - стандартний стандартний формат зображення, найпопулярніший у Інтернеті. JPG підтримує 16,7 мільйона  
 
кольорів і є найкращим форматом для фотографій. JPG-файли також менші за розміром у порівнянні з іншими форматами зображення, оскільки вони  
 
кольорів і є найкращим форматом для фотографій. JPG-файли також менші за розміром у порівнянні з іншими форматами зображення, оскільки вони  
Рядок 15: Рядок 26:
 
Зображення JPG ідеально підходять для багатих кольорами фотографій, градієнтних зображень та веб-зображень для їх невеликого розміру. Він не  
 
Зображення JPG ідеально підходять для багатих кольорами фотографій, градієнтних зображень та веб-зображень для їх невеликого розміру. Він не  
 
підходить для креслень і анімацій. JPG також не підтримує прозорість.  
 
підходить для креслень і анімацій. JPG також не підтримує прозорість.  
[[Файл:Dgif.png|100px|right]]
+
 
====Формат .gif====
+
==Формат .gif==
Формат GIF (Graphics Interchange Format) - 8-бітний растровий графічний формат, що використовує до 256 кольорів. Зображення збережене у цьому форматі є невеликим за розміром. Як правило, GIF краще підходить для графіки з областями суцільного або плоского кольору, наприклад, з ілюстраціями та логотипами. Другими перевагами формату GIF є те, що він підтримує прозорість та анімацію.
+
[[Файл:Dgif.png|120px|right]]
====Формат .png====
+
Формат GIF (Graphics Interchange Format) - 8-бітний растровий графічний формат, що використовує до 256 кольорів. Зображення збережене у цьому форматі є невеликим за розміром. Як правило, GIF краще підходить для графіки з областями суцільного або плоского кольору, наприклад, з ілюстраціями та логотипами. Другими перевагами формату GIF є те, що він підтримує прозорість та анімацію. Для стиснення зображення формат використовує LZW-компресію(стиснення без втрат).
[[Файл:Dpng.png|100px|right]]
+
*Розмір зображення - від 1х1 до 65535х65535 пікселів.
 +
*Кожен колір палітри має глибину 24 біта / піксель (вибір з 16 мільйонів кольорів).
 +
*Карта прозорості - 1-бітна (напівпрозорих кольорів немає).
 +
*Число повторів анімації - від 1 до 65535, а також нескінченне.
 +
*Час показу одного кадру анімації - від 1/100 секунди до 655 секунд.
 +
*Число кадрів анімації - необмежено.
 +
*Число невидимих текстових коментарів і розмір кожного коментаря - необмежене.
 +
==Формат .png==
 +
[[Файл:Dpng.png|120px|right]]
 
PNG(Portable Network Graphics) був розроблений для використання в Інтернеті та є найбільш часто використовуваним форматом стиснення зображень в Інтернеті. PNG не призначений для друку професійних графічних зображень. PNG - це растрова графіка, яку створили як покращення GIF. PNG добре працює з зображеннями лінійного мистецтва та фотографіями для веб-сайтів, але може призвести до дуже великих розмірів файлів. PNG також пропонує альфа-прозорість, яка є дуже крутою, оскільки кожен окремий піксель має свій власний рівень непрозорості. PNG поставляються в двох типах PNG-8 і PNG-24. PNG-8 означає, що файл має всього 8 біт на піксель, а PNG-24 - 24 біти на піксель.
 
PNG(Portable Network Graphics) був розроблений для використання в Інтернеті та є найбільш часто використовуваним форматом стиснення зображень в Інтернеті. PNG не призначений для друку професійних графічних зображень. PNG - це растрова графіка, яку створили як покращення GIF. PNG добре працює з зображеннями лінійного мистецтва та фотографіями для веб-сайтів, але може призвести до дуже великих розмірів файлів. PNG також пропонує альфа-прозорість, яка є дуже крутою, оскільки кожен окремий піксель має свій власний рівень непрозорості. PNG поставляються в двох типах PNG-8 і PNG-24. PNG-8 означає, що файл має всього 8 біт на піксель, а PNG-24 - 24 біти на піксель.
[[Файл:Dsvg.png|100px|right]]
+
 
====Формат .svg====
+
Формат PNG зберігає графічну інформацію в стислому вигляді. Причому це стиснення проводиться без втрат, на відміну, наприклад, від JPEG з втратами. Формат PNG має більш високий ступінь стиснення для файлів з великою кількістю кольорів, ніж GIF, але різниця складає близько 5-25%, що є не дуже великою перевагою, так як невеликі 2-16-кольорові файли формат GIF стискає з не меншою ефективністю.
 +
PNG є хорошим форматом для редагування зображень, навіть для зберігання проміжних стадій редагування, так як відновлення і перезапис  зображення проходять без втрат в якості.
 +
 
 +
==Формат .svg==
 +
[[Файл:Dsvg.png|120px|right]]
 
SVG(Scalable Vector Graphics) - це формат векторної графіки, який підтримує анімацію та його поведінка визначається у файлах XML, оскільки їх можна шукати, індексувати, скриптувати та стискати. Векторна графіка відмінно підходить для логотипів і лінійного мистецтва, оскільки вони не зроблені з пікселів і можуть бути змінені без втрат якості. SVG-файли - найкращий варіант при створенні значків та лінійного мистецтва для дисплеїв із високою роздільною здатністю.
 
SVG(Scalable Vector Graphics) - це формат векторної графіки, який підтримує анімацію та його поведінка визначається у файлах XML, оскільки їх можна шукати, індексувати, скриптувати та стискати. Векторна графіка відмінно підходить для логотипів і лінійного мистецтва, оскільки вони не зроблені з пікселів і можуть бути змінені без втрат якості. SVG-файли - найкращий варіант при створенні значків та лінійного мистецтва для дисплеїв із високою роздільною здатністю.
 +
 +
SVG за своїми можливостями наближається до запатентованої технології Adobe Flash, але відрізняється від неї тим, що SVG є рекомендацією W3C (тобто, стандартом), і тим, що це формат, заснований на XML, на противагу закритому бінарному формату Flash. Він явно спроектований для роботи з іншими стандартами W3C, такими, як CSS, DOM і SMIL.
 +
 +
Основні переваги:
 +
 +
*Векторний, не залежить від розміру.
 +
*Підтримується усіма сучасними браузерами.
 +
*Легко видозмінюється із використанням CSS та Javascript.
 +
*Є можливість оптимізувати, завдяки стисненню.
 
==Порівняння форматів==
 
==Порівняння форматів==
 
{| class="wikitable" border="1"
 
{| class="wikitable" border="1"
Рядок 31: Рядок 63:
 
! Прозорість
 
! Прозорість
 
! Максимум біт/піксель
 
! Максимум біт/піксель
 +
! Використання
 +
! Розмір зображення
 
! Зображення
 
! Зображення
 
|-
 
|-
Рядок 36: Рядок 70:
 
| без втрат, погане
 
| без втрат, погане
 
| Не підтримує
 
| Не підтримує
| 48
+
| 24
| [https://drive.google.com/open?id=1U72Y-spUnEY6lN_UDpZKdl9ZBahTVetk bmp]
+
| Робочий стіл Windows, документи Word, PowerPoint, Publisher, Paint. Власний формат за замовчуванням редактора Paint
 +
| 14,0 МБ
 +
| [https://drive.google.com/open?id=1dYFLdsFSQvvLCFgjiTAhTOIGQSaOdoGZ bmp]
 
|-
 
|-
 
| JPG
 
| JPG
Рядок 43: Рядок 79:
 
| Не підтримує
 
| Не підтримує
 
| 24
 
| 24
|[https://drive.google.com/open?id=1dwWEgfBMzvLoN6zKfbWikxdqm9rcws-v jpg]
+
| Web-сайти. Документи MS Office
 +
| 1,77 МБ
 +
|[https://drive.google.com/open?id=1H6m6_tdHjBehN58MRAKVcxPct0DX7yQC jpg]
 
|-
 
|-
 
| GIF
 
| GIF
Рядок 49: Рядок 87:
 
| булеве
 
| булеве
 
| 8
 
| 8
|[https://drive.google.com/open?id=1Yc1ewRZ_8ncCSuZtcluaT9By9ZE1PcKU gif]
+
| Web-сайти. Документи MS Office, анімації
 +
| 3,13 МБ
 +
|[https://drive.google.com/open?id=1d_vhX2xfggEqiKuRh-r33Bn_1hgfXQPg gif]
 
|-
 
|-
 
| PNG
 
| PNG
Рядок 55: Рядок 95:
 
| альфа-канал
 
| альфа-канал
 
| 48
 
| 48
|[https://drive.google.com/open?id=14IWgrv9O_j_tgWfmoHhYKxvIgwhaeu-T png]
+
| Web-сайти. Документи MS Office, але, як правило, призначені для перегляду на екрані (наприклад, презентації PowerPoint)
 +
| 5,04 МБ
 +
|[https://drive.google.com/open?id=1ylGR27knVcCq4tnm-zTzBUg3bUdTDPgx png]
 
|}
 
|}

Поточна версія на 19:41, 1 травня 2018

Формат .bmp

Dbmp.png

BMP(BitMaP) - формат растрової графіки, в якому зображення зберігається у вигляді двовимірного масиву пікселів. Його розпізнає будь-яка програма, що працює з графікою, підтримка формату інтегрована в операційні системи Windows. Зображення у форматі BMP чіткі та точні, але будучи залежними від пікселів, погано масштабуються. Зараз формат BMP майже не використовується. Файли формату BMP можуть мати розширення .bmp, .dib і .rle. Також, можливе стиснення без втрат. BMP-файл складається з чотирьох частин:

1. Заголовок файлу,який містить:

  • розмір файлу(чим більші геометричні розміри BMP-зображення і колірна глибина, тим більший розмір файлу).
  • ширина і висота малюнка.
  • глибина пікселів. Microsoft пропонує бітності 1, 2, 4, 8, 16, 24, 32, 48 і 64 (чим більше біт відводиться на піксель, тим краще зображення).
  • колір(можна задати тільки в RGB)

2. Заголовок зображення (може бути відсутнім)

3. Палітра (може бути відсутнім)

4. Саме зображення

Формат .jpg

Djpg.png

JPG(Joint Photographic Experts Group) - стандартний стандартний формат зображення, найпопулярніший у Інтернеті. JPG підтримує 16,7 мільйона кольорів і є найкращим форматом для фотографій. JPG-файли також менші за розміром у порівнянні з іншими форматами зображення, оскільки вони використовують стиснення з втратами для зменшення розміру файлу. Це не може бути очевидним для людського ока, але зображення JPG жертвують деякою інформацією про зображення, щоб зберегти розміри файлів невеликими. Кожен раз, коли ви зберігаєте файл, деякі дані втрачаються. Ця втрата даних зображення не підлягає відшкодуванню. Звичайно, кількість втрат даних зображення може бути скоригована відповідно до розміру зображення. Висока якість відповідає низькому стисненню і навпаки. Зображення JPG ідеально підходять для багатих кольорами фотографій, градієнтних зображень та веб-зображень для їх невеликого розміру. Він не підходить для креслень і анімацій. JPG також не підтримує прозорість.

Формат .gif

Dgif.png

Формат GIF (Graphics Interchange Format) - 8-бітний растровий графічний формат, що використовує до 256 кольорів. Зображення збережене у цьому форматі є невеликим за розміром. Як правило, GIF краще підходить для графіки з областями суцільного або плоского кольору, наприклад, з ілюстраціями та логотипами. Другими перевагами формату GIF є те, що він підтримує прозорість та анімацію. Для стиснення зображення формат використовує LZW-компресію(стиснення без втрат).

  • Розмір зображення - від 1х1 до 65535х65535 пікселів.
  • Кожен колір палітри має глибину 24 біта / піксель (вибір з 16 мільйонів кольорів).
  • Карта прозорості - 1-бітна (напівпрозорих кольорів немає).
  • Число повторів анімації - від 1 до 65535, а також нескінченне.
  • Час показу одного кадру анімації - від 1/100 секунди до 655 секунд.
  • Число кадрів анімації - необмежено.
  • Число невидимих текстових коментарів і розмір кожного коментаря - необмежене.

Формат .png

Dpng.png

PNG(Portable Network Graphics) був розроблений для використання в Інтернеті та є найбільш часто використовуваним форматом стиснення зображень в Інтернеті. PNG не призначений для друку професійних графічних зображень. PNG - це растрова графіка, яку створили як покращення GIF. PNG добре працює з зображеннями лінійного мистецтва та фотографіями для веб-сайтів, але може призвести до дуже великих розмірів файлів. PNG також пропонує альфа-прозорість, яка є дуже крутою, оскільки кожен окремий піксель має свій власний рівень непрозорості. PNG поставляються в двох типах PNG-8 і PNG-24. PNG-8 означає, що файл має всього 8 біт на піксель, а PNG-24 - 24 біти на піксель.

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

Формат .svg

Dsvg.png

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

SVG за своїми можливостями наближається до запатентованої технології Adobe Flash, але відрізняється від неї тим, що SVG є рекомендацією W3C (тобто, стандартом), і тим, що це формат, заснований на XML, на противагу закритому бінарному формату Flash. Він явно спроектований для роботи з іншими стандартами W3C, такими, як CSS, DOM і SMIL.

Основні переваги:

  • Векторний, не залежить від розміру.
  • Підтримується усіма сучасними браузерами.
  • Легко видозмінюється із використанням CSS та Javascript.
  • Є можливість оптимізувати, завдяки стисненню.

Порівняння форматів

Назва Стиснення Прозорість Максимум біт/піксель Використання Розмір зображення Зображення
BMP без втрат, погане Не підтримує 24 Робочий стіл Windows, документи Word, PowerPoint, Publisher, Paint. Власний формат за замовчуванням редактора Paint 14,0 МБ bmp
JPG з втратою якості Не підтримує 24 Web-сайти. Документи MS Office 1,77 МБ jpg
GIF без втрат, хороше булеве 8 Web-сайти. Документи MS Office, анімації 3,13 МБ gif
PNG без втрат, хороше альфа-канал 48 Web-сайти. Документи MS Office, але, як правило, призначені для перегляду на екрані (наприклад, презентації PowerPoint) 5,04 МБ png