Відмінності між версіями «Коріонов Дмитро ЛР №3»

Матеріал з Вікі ЦДУ
Перейти до: навігація, пошук
(Створена сторінка: ==Растрові формати== ===BMP=== *BMP - формат файлу зображень растрової графіки, в якому зображе...)
 
м
 
(не показано 16 проміжних версій цього учасника)
Рядок 28: Рядок 28:
 
*Підтримка прозорості: так
 
*Підтримка прозорості: так
 
*Використовується: MS Office, Web-сайти
 
*Використовується: MS Office, Web-сайти
 +
==Векторний формат SVG ==
 +
 +
*SVG перекладається як - масштабована векторна графіка. Формат існує з 1999 року.
 +
 +
*Розмір об'єктів SVG набагато менше розміру растрових зображень, а самі зображення не втрачають в якості при масштабуванні. На відміну від растрових форматів ми можемо взаємодіяти із зображеннями у форматі SVG - за допомогою CSS можна змінювати параметри графіки: колір, прозорість або кордону, а за допомогою JavaScript - анімувати зображення.
 +
 +
*Формат SVG відмінно підходить для малокольорових схем, логотипів і іконок.
 +
 +
== Порівняння форматів ==
 +
{| class="wikitable" border="1"
 +
|-
 +
! Формат зображення
 +
! Доступні кольори
 +
! Стиснення
 +
! Розмір
 +
! Використання
 +
! Макс. число біт/піксель
 +
! Зображення
 +
|-
 +
! BMP
 +
| style="text-align:center;" | Змінна величина
 +
| style="text-align:center;" | Без втрат
 +
| style="text-align:center;" | 1,6 MB
 +
| style="text-align:center;" | Комп'ютерна графіка
 +
| style="text-align:center;" | 24
 +
| style="text-align:center;" | [https://drive.google.com/open?id=1L0oKPykFvmrFvfc4bBhPTyEFx7ynYaZ_ BMP ]
 +
|-
 +
! JPG
 +
| style="text-align:center;" | 16 млн.
 +
| style="text-align:center;" | З втратами
 +
| style="text-align:center;" | 84,9 kB
 +
| style="text-align:center;" | Інтернет
 +
| style="text-align:center;" | 24
 +
| style="text-align:center;" | [https://drive.google.com/open?id=1Sh3JZ6Qzky_wfaZptawg_bn0Vqz2nDUT JPEG]
 +
|-
 +
! GIF
 +
| style="text-align:center;" | 256
 +
| style="text-align:center;" | Без втрат
 +
| style="text-align:center;" | 363,8 kB
 +
| style="text-align:center;" | Анімації
 +
| style="text-align:center;" | 8
 +
| style="text-align:center;" |[https://drive.google.com/open?id=1bmH1ijQPasPJ9td69AytCHzFO1AS25zX GIF]
 +
|-
 +
! PNG
 +
| style="text-align:center;" | 16 млн. + прозорість
 +
| style="text-align:center;" | Без втрат
 +
| style="text-align:center;" | 793,9 kB
 +
| style="text-align:center;" | Інтернет
 +
| style="text-align:center;" | 48
 +
| style="text-align:center;" | [https://drive.google.com/open?id=19NaGiNEDaQZ9UBO0fCijhaCTI5FbfLXE PNG]
 +
|}
 +
==Висновки==
 +
Таким чином формат треба вибирати виходячи з потреб.<br>
 +
наприклад:<br>
 +
GIF підходить якщо:
 +
*зображення не багатобарвне.
 +
*потрібна найпростіша прозорість.
 +
*потрібна анімація.<br>
 +
JPEG краще підходить для:
 +
*повнокольорових зображень, фотографій;
 +
*зображень, з плавним переходом яскравості і контрасту.
 +
*малюнків з великою кількістю різнокольорових деталей.<br>
 +
формат PNG підходить для:
 +
*зображень з прозорістю і полупрозрачностью.
 +
*коли необхідна підвищена точність повнокольорових зображень.
 +
*зображень з різкими переходами кольорово.

Поточна версія на 13:25, 27 березня 2019

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

BMP

  • BMP - формат файлу зображень растрової графіки, в якому зображення зберігається у вигляді двовимірного масиву пікселів
  • Розшифрування: Bit Map Picture
  • Розширення: .bmp, .dib, .rle
  • Глибина кольору: до 64біт
  • Підтримка прозорості: так
  • Розмір файлу: досить великий, залежить від розміру зображення в пікселях
  • Використовується: Paint, PowerPoint, MS Word

JPG

  • JPG - растровий формат збереження графічної інформації, що використовує стиснення з втратами
  • Розшифрування: Joint Photographic Experts Group
  • Розширення: .jpg, .jfif, .jpe, .jpeg
  • Підтримка прозорості: ні
  • Розмір файлу: залежить від кількості неоднорідних деталей
  • Використовується: MS Office, Web-сайти

GIF

  • GIF - 8-бітний растровий графічний формат, що використовує до 256 чітких кольорів із 24-бітного діапазону RGB
  • Розшифрування: Graphics Interchange Format
  • Розширення: .gif
  • Підтримка прозорості: так, але не підтримує полупрозорість
  • Розмір файлів: 3-10 раз менше ніж bmp
  • Використовується: MS Office, Web-сайти, PowerPoint

PNG

  • PNG - растровий формат збереження графічної інформації, що використовує стиснення без втрат
  • Розшифрування: portable network graphics
  • Розширення: .png
  • Підтримка прозорості: так
  • Використовується: MS Office, Web-сайти

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

  • SVG перекладається як - масштабована векторна графіка. Формат існує з 1999 року.
  • Розмір об'єктів SVG набагато менше розміру растрових зображень, а самі зображення не втрачають в якості при масштабуванні. На відміну від растрових форматів ми можемо взаємодіяти із зображеннями у форматі SVG - за допомогою CSS можна змінювати параметри графіки: колір, прозорість або кордону, а за допомогою JavaScript - анімувати зображення.
  • Формат SVG відмінно підходить для малокольорових схем, логотипів і іконок.

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

Формат зображення Доступні кольори Стиснення Розмір Використання Макс. число біт/піксель Зображення
BMP Змінна величина Без втрат 1,6 MB Комп'ютерна графіка 24 BMP
JPG 16 млн. З втратами 84,9 kB Інтернет 24 JPEG
GIF 256 Без втрат 363,8 kB Анімації 8 GIF
PNG 16 млн. + прозорість Без втрат 793,9 kB Інтернет 48 PNG

Висновки

Таким чином формат треба вибирати виходячи з потреб.
наприклад:
GIF підходить якщо:

  • зображення не багатобарвне.
  • потрібна найпростіша прозорість.
  • потрібна анімація.

JPEG краще підходить для:

  • повнокольорових зображень, фотографій;
  • зображень, з плавним переходом яскравості і контрасту.
  • малюнків з великою кількістю різнокольорових деталей.

формат PNG підходить для:

  • зображень з прозорістю і полупрозрачностью.
  • коли необхідна підвищена точність повнокольорових зображень.
  • зображень з різкими переходами кольорово.