Відмінності між версіями «Лабораторна робота 3 Гаврилюк»

Матеріал з Вікі ЦДУ
Перейти до: навігація, пошук
 
(не показано 11 проміжних версій цього учасника)
Рядок 21: Рядок 21:
 
|GIF файл являє собою зображення, що досить часто супроводжується анімацією. Формується за допомогою спеціалізованих графічних редакторів, може нести кілька растрових зображень у певній послідовності. Формат GIF має поширення у сфері створення банерів, а також графічної оболонки відеоконтенту. Основною перевагою вважається стискування даних без явної втрати якості при глибині до 256 кольорів. Анімовані зображення складаються з деякої кількості статичних кадрів, а також даних про необхідний час демонстрації того чи іншого кадру.
 
|GIF файл являє собою зображення, що досить часто супроводжується анімацією. Формується за допомогою спеціалізованих графічних редакторів, може нести кілька растрових зображень у певній послідовності. Формат GIF має поширення у сфері створення банерів, а також графічної оболонки відеоконтенту. Основною перевагою вважається стискування даних без явної втрати якості при глибині до 256 кольорів. Анімовані зображення складаються з деякої кількості статичних кадрів, а також даних про необхідний час демонстрації того чи іншого кадру.
 
|*.gif
 
|*.gif
 +
|-
 +
| '''TIFF'''
 +
|TIFF (англ. Tagged Image File Format) - Формат зберігання растрових графічних зображень. Заголовок файлу містить сигнатуру та посилання (зміщення) на перший змістовий блок даних у файлі. Структура формату є гнучкою і дозволяє зберігати зображення в режимі кольорів з палітрою, а також у різних колірних просторах. Є можливість зберігати зображення у файлі формату TIFF зі стисненням та без. Спочатку формат підтримував стиснення без втрат, згодом був доповнений для підтримки стиснення із втратами у форматі JPEG.
 +
|*.tiff
 
|}
 
|}
  
== Векторний формат ==
+
=== Векторний формат ===
 
{| class="wikitable" border="2" width="100%"
 
{| class="wikitable" border="2" width="100%"
 
|'''Формат'''
 
|'''Формат'''
Рядок 31: Рядок 35:
 
| '''AI'''
 
| '''AI'''
 
| AI (англ. Adobe Illustrator) – стандартний формат файлів редактора векторної графіки Adobe Illustrator. Файл AI є малюнком, який представляє векторну графіку. Векторні зображення, що мають розширення AI, мають особливу перевагу, їх можна збільшувати в розмірі, при цьому, якість зображення не буде погіршена.   
 
| AI (англ. Adobe Illustrator) – стандартний формат файлів редактора векторної графіки Adobe Illustrator. Файл AI є малюнком, який представляє векторну графіку. Векторні зображення, що мають розширення AI, мають особливу перевагу, їх можна збільшувати в розмірі, при цьому, якість зображення не буде погіршена.   
|| .ai
+
|*.ai
 +
|-
 +
| '''SVG'''
 +
| SVG — XML мова розмітки на основі векторної графіки. По суті, це текстовий файл, який є відкритим веб-стандартом для опису двомірних векторних зображень без втрати якості при масштабуванні. Також підтримує інтерактивність та анімацію. Розробляється з 1999 року та використовується для того, щоб описати за допомогою мови програмування графічні елементи сайту.
 +
|*.svg
 +
|-
 +
| '''VML'''
 +
| Формат експорту даних для опису векторної графіки. Фрагменти на VML поміщаються всередину Web-сторінок, серед звичайного HTML-коду, і описують їх графічні елементи. VML підтримувався в Internet Explorer з п'ятої по дев'яту версії і в Microsoft Office 2000 +. Internet Explorer 10 вже не підтримує VML.
 +
|*.vml
 +
|-
 +
|'''EPS'''
 +
|Стандартний векторний формат файлів, що складається з численних формул і чисел, за рахунок яких генерується векторна ілюстрація.
 +
Це ідеальний формат для тих елементів дизайну, які зазвичай потрібно масштабувати (наприклад, логотипи).
 +
Файли в форматі EPS готові до друку, однак, це не той формат, який потрібно використовувати у веб-дизайні. Найчастіше після затвердження дизайну сторінки
 +
його складові елементи конвертуються в PNG, JPG і GIF.
 +
Елементи дизайну, збережені у форматі EPS, можна відкрити в будь-якому редакторі з підтримкою векторної графіки.
 +
|*.eps
 +
|}
 +
 
 +
==Порівняння растрових та векторних зображень==
 +
{| class="wikitable" border="1" width="40%"
 +
!Векторні
 +
!Растрові
 +
|-
 +
|Складаються з об'єктів описаних математично
 +
|Складаються з масивів пікселів
 +
|-
 +
|Обсяг залежить не від розміру зображення, а від кількості об'єктів на ньому
 +
|Обсяг залежить від розміру зображення
 +
|-
 +
|Можна збільшувати без погіршення якості
 +
|У разі збільшення зображення якість погіршується
 +
|-
 +
|Не дають змогу точно передати перехід від одного кольору до іншого
 +
|Дають змогу отримати зображення фотографічної якості
 +
|}
 +
 
 +
*Власна думка:  Найбільш привабливим я вважаю формат PNG, оскільки зображення з ним доступні для стиснення без доступних зору втрат якості. Також не варто забувати, що PNG створювався як заміна GIF, тому має схожу якість при оптимальному розмірі.
 +
 
 +
===Таблиця порівняння форматів===
 +
{| class="wikitable" border="1" width="100%"
 +
!'''Формат'''
 +
!'''Макс. кількість<br/>бітів/пікселів'''
 +
!'''Макс. кількість<br/>кольорів'''
 +
!'''Макс. розмір<br/>зображення,<br/>піксель'''
 +
!'''Методи<br/>стиснення'''
 +
!'''Приклад'''
 +
|-
 +
! BMP
 +
! 24
 +
! 16 777 216
 +
! 65535 x 65535
 +
! RLE
 +
! [[Файл:Listening.png|200px|center]]
 +
|-
 +
! JPEG
 +
! 24
 +
! 16 777 216
 +
! 65535 x 65535
 +
! JPEG
 +
! [[Файл:Floppa.jpeg|200px|center]]
 +
|-
 +
! PNG
 +
! 48
 +
! 281 474 976 710 656
 +
! 2 147 483 647 x 2 147 483 647
 +
! Deflation (LZ77)
 +
! [[Файл:Cool.png|200px|center]]
 +
|-
 +
! GIF
 +
! 8
 +
! 256
 +
! 65535 x 65535
 +
! LZW
 +
! [[Файл:Rock-sit-rock.gif|200px|center]]
 
|}
 
|}

Поточна версія на 13:56, 15 травня 2022

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

Формат Опис Розширення
BMP Файл BMP є нестисненим растровим зображенням, що складається з прямокутної сітки пікселів. Він містить заголовок файлу (ідентифікатор растрового зображення, розмір файлу, ширину, висоту, параметри кольорів і точку відтворення растрових даних) і растрові пікселі, кожен з яких має інший колір. *.bmp
*.dib
JPEG JPEG - це абревіатура від Joint Photographic Experts Group, яка є назвою комісії, яка була створена у 1986 році та у 1992 році створила стандарт для зберігання та стиснення JPEG зображень. Графічний формат JPEG використовує стиск із втратами. Різниця в оригіналі та стиснутій копії є, але оком вона непомітна і, крім того, рівень стиснення JPEG файлу можна регулювати в досить широкому діапазоні. Графічний формат файлу JPEG підійде, як там, де потрібна максимальна якість фотографії (наприклад, друк), так і там, де бажаний розмір файлу (інтернет, пошта) *.jpg
*.jpeg
PNG Файл PNG (з англ. Portable Network Graphic) відноситься до растрових зображень. Формат PNG містить певну палітру кольорів, що застосовуються на малюнку. Подібний графічний формат часто застосовують у мережі Всесвітньої павутини при наділенні веб-сторінок різними зображеннями. Завдяки використанню алгоритму стиснення Deflate, растрові зображення, що мають розширення файлу PNG, доступні для стиснення без явних втрат якості. Розробили цей формат файлу, щоб замінити формат GIF, адже останній тривалий час вимагав наявності платного програмного забезпечення. *.png
GIF GIF файл являє собою зображення, що досить часто супроводжується анімацією. Формується за допомогою спеціалізованих графічних редакторів, може нести кілька растрових зображень у певній послідовності. Формат GIF має поширення у сфері створення банерів, а також графічної оболонки відеоконтенту. Основною перевагою вважається стискування даних без явної втрати якості при глибині до 256 кольорів. Анімовані зображення складаються з деякої кількості статичних кадрів, а також даних про необхідний час демонстрації того чи іншого кадру. *.gif
TIFF TIFF (англ. Tagged Image File Format) - Формат зберігання растрових графічних зображень. Заголовок файлу містить сигнатуру та посилання (зміщення) на перший змістовий блок даних у файлі. Структура формату є гнучкою і дозволяє зберігати зображення в режимі кольорів з палітрою, а також у різних колірних просторах. Є можливість зберігати зображення у файлі формату TIFF зі стисненням та без. Спочатку формат підтримував стиснення без втрат, згодом був доповнений для підтримки стиснення із втратами у форматі JPEG. *.tiff

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

Формат Опис Розширення
AI AI (англ. Adobe Illustrator) – стандартний формат файлів редактора векторної графіки Adobe Illustrator. Файл AI є малюнком, який представляє векторну графіку. Векторні зображення, що мають розширення AI, мають особливу перевагу, їх можна збільшувати в розмірі, при цьому, якість зображення не буде погіршена. *.ai
SVG SVG — XML мова розмітки на основі векторної графіки. По суті, це текстовий файл, який є відкритим веб-стандартом для опису двомірних векторних зображень без втрати якості при масштабуванні. Також підтримує інтерактивність та анімацію. Розробляється з 1999 року та використовується для того, щоб описати за допомогою мови програмування графічні елементи сайту. *.svg
VML Формат експорту даних для опису векторної графіки. Фрагменти на VML поміщаються всередину Web-сторінок, серед звичайного HTML-коду, і описують їх графічні елементи. VML підтримувався в Internet Explorer з п'ятої по дев'яту версії і в Microsoft Office 2000 +. Internet Explorer 10 вже не підтримує VML. *.vml
EPS Стандартний векторний формат файлів, що складається з численних формул і чисел, за рахунок яких генерується векторна ілюстрація.

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

*.eps

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

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

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

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