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

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

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