Відмінності між версіями «Коріонов Дмитро ЛР №3»
Матеріал з Вікі ЦДУ
4602094 (обговорення • внесок) (→Растрові формати) |
4602094 (обговорення • внесок) м |
||
| (не показано 13 проміжних версій цього учасника) | |||
| Рядок 28: | Рядок 28: | ||
*Підтримка прозорості: так | *Підтримка прозорості: так | ||
*Використовується: MS Office, Web-сайти | *Використовується: MS Office, Web-сайти | ||
| − | + | ==Векторний формат 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 ] |
| − | + | ||
| − | + | ||
| − | + | ||
|- | |- | ||
! 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] |
| − | + | ||
| − | + | ||
| − | + | ||
|- | |- | ||
! 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] |
| − | + | ||
| − | + | ||
| − | + | ||
|- | |- | ||
! 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 підходить для:
- зображень з прозорістю і полупрозрачностью.
- коли необхідна підвищена точність повнокольорових зображень.
- зображень з різкими переходами кольорово.
