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

Матеріал з Вікі ЦДУ
Перейти до: навігація, пошук
Рядок 43: Рядок 43:
 
| style="background-color:silver;" | '''Розширення'''
 
| style="background-color:silver;" | '''Розширення'''
 
|-  
 
|-  
 +
 +
| '''SVG'''
 +
| SVG (Scalable Vector Graphics) (з англ. масштабована векторна графіка) — специфікація мови розмітки, що базується на XML, та формат файлів для двовимірної векторної графіки, як статичної, так і анімованої та інтерактивної. SVG може бути виключно декларативним, або містити описи сценаріїв. Зображення можуть містити зовнішні посилання шляхом застосування простих XLink-ів. Ця специфікація є відкритим стандартом, розробленим робочою групою англ. SVG Working Group організації World Wide Web Consortium.
 +
| *.svg
 +
|-
 
| '''AI'''
 
| '''AI'''
 
| AI (Adobe Illustrator) — формат файлу, розроблений Adobe Systems для зберігання векторних зображень. Adobe Illustrator для зберігання файлів AI використовує розширення .ai. AI підтримують практично всі програми, пов'язані з векторною графікою. Цей формат є найкращим посередником при передачі зображень з однієї програми в іншу. У цілому, поступаючись CorelDRAW у ілюстративних можливостях, (може містити в одному файлі тільки одну сторінку, має маленьке робоче поле — цей параметр дуже важливий для зовнішньої реклами — всього 3х3 метри) тим не менш, він відрізняється найбільшою стабільністю і сумісністю з мовою PostScript, на яку орієнтуються практично всі видавницько-поліграфічні додатки.
 
| AI (Adobe Illustrator) — формат файлу, розроблений Adobe Systems для зберігання векторних зображень. Adobe Illustrator для зберігання файлів AI використовує розширення .ai. AI підтримують практично всі програми, пов'язані з векторною графікою. Цей формат є найкращим посередником при передачі зображень з однієї програми в іншу. У цілому, поступаючись CorelDRAW у ілюстративних можливостях, (може містити в одному файлі тільки одну сторінку, має маленьке робоче поле — цей параметр дуже важливий для зовнішньої реклами — всього 3х3 метри) тим не менш, він відрізняється найбільшою стабільністю і сумісністю з мовою PostScript, на яку орієнтуються практично всі видавницько-поліграфічні додатки.
 
| *.аі
 
| *.аі
 
|-  
 
|-  
| '''SVG'''
+
| '''VML'''
| Scalable Vector Graphics (скорочено SVG) (з англ. масштабована векторна графіка) — специфікація мови розмітки, що базується на XML, та формат файлів для двовимірної векторної графіки, як статичної, так і анімованої та інтерактивної. SVG може бути виключно декларативним, або містити описи сценаріїв. Зображення можуть містити зовнішні посилання шляхом застосування простих XLink-ів. Ця специфікація є відкритим стандартом, розробленим робочою групою англ. SVG Working Group організації World Wide Web Consortium.
+
| VML (Vector Markup Language) — формат експорту даних для опису векторної графіки, якою обмінюються в межах текстових програм. Цей формат обраний компанією Microsoft як графічний формат, сумісний з мовою XML (eXtensible Markup Language) і інтегрований в офісні програми користувача.
| *.svg
+
| *.vml
|-
+
|-  
 
|'''EPS'''
 
|'''EPS'''
|EPS – стандартний векторний формат файлів, що складається з численних формул і чисел, за рахунок яких генерується векторна ілюстрація.
+
| EPS (Encapsulated PostScript) – стандартний векторний формат файлів, що складається з численних формул і чисел, за рахунок яких генерується векторна ілюстрація.
 
Це ідеальний формат для тих елементів дизайну, які зазвичай потрібно масштабувати (наприклад, логотипи).
 
Це ідеальний формат для тих елементів дизайну, які зазвичай потрібно масштабувати (наприклад, логотипи).
 
Файли в форматі EPS готові до друку, однак, це не той формат, який потрібно використовувати у веб-дизайні. Найчастіше після затвердження дизайну сторінки
 
Файли в форматі EPS готові до друку, однак, це не той формат, який потрібно використовувати у веб-дизайні. Найчастіше після затвердження дизайну сторінки

Версія за 08:58, 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

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

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

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

*.eps

Не стиснене фото

FlowersGav.jpg

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

Формат зображення Доступні кольори Стиснення Розмір файла(середнє значення) Найкраще підходить для Приклад Примітка
BMP Змінна величина Без втрат Великий (< 2 МБ) -
Dragonjpeg.jpeg
(На сайт ЦДПУ-вікі не можна завантажити формат .bmp)
JPEG 16 мільйонів З втратами Невеликий (< 1 МБ) Інтернета та зберігання
Dragonjpg.jpg
-
GIF 256 Без втрат Невеликий (< 1 МБ) Анімації
Dragongif.gif
-
PNG 16 мільйонів + прозорість Без втрат Великий (< 2 МБ) Інтернет, зберігання та редактування
Dragonpng.png
-