Відмінності між версіями «Мультимедия ЛАБ 3 КН17Б Работнова А. С.»
3142017 (обговорення • внесок) м |
3142017 (обговорення • внесок) м |
||
| (не показано 12 проміжних версій цього учасника) | |||
| Рядок 1: | Рядок 1: | ||
| − | '''''<font color=' | + | '''''<font color='purple' size=6>Графічні формати</font>'''''<br /> |
==Растрові формати== | ==Растрові формати== | ||
| + | Особливість растрового зображення в тому, що воно, як мозаїка, складається з маленьких коміркових шматочків - пікселів. І чим вище розширення, тим більша кількість пікселів вміщується на одиницю площі.<br /> | ||
| + | |||
| + | Растрове зображення займає більше місця на диску ніж векторне. | ||
| + | |||
=== Формат bmp === | === Формат bmp === | ||
| − | [[Файл:Angry.png| | + | [[Файл:Angry.png|250px|left]] |
Bitmap-формат (англ. device independent bitmap) - формат файлу зображень растрової графіки, в якому зображення зберігається у вигляді двовимірного масиву пікселів. | Bitmap-формат (англ. device independent bitmap) - формат файлу зображень растрової графіки, в якому зображення зберігається у вигляді двовимірного масиву пікселів. | ||
| Рядок 10: | Рядок 14: | ||
У даному форматі можна зберігати тільки одношарові растри. На кожен піксель в різних файлах може приходити різна кількість біт (глибина кольору). Microsoft пропонує бітності 1, 2, 4, 8, 16, 24, 32, 48 і 64. В бітності 8 і нижче він вказується індексом з таблиці кольорів (палітри), а при великих: безпосереднім значенням. Колір же в будь-якому випадку можна задати тільки в колірній моделі RGB, але в бітності 16 і 32 можна отримати відтінки сірого з глибиною до 16 і 32-ох біт відповідно. Часткова прозорість реалізована альфа-каналом різних бітностей, але при цьому прозорість без градацій можна побічно отримати RLE-кодуванням. | У даному форматі можна зберігати тільки одношарові растри. На кожен піксель в різних файлах може приходити різна кількість біт (глибина кольору). Microsoft пропонує бітності 1, 2, 4, 8, 16, 24, 32, 48 і 64. В бітності 8 і нижче він вказується індексом з таблиці кольорів (палітри), а при великих: безпосереднім значенням. Колір же в будь-якому випадку можна задати тільки в колірній моделі RGB, але в бітності 16 і 32 можна отримати відтінки сірого з глибиною до 16 і 32-ох біт відповідно. Часткова прозорість реалізована альфа-каналом різних бітностей, але при цьому прозорість без градацій можна побічно отримати RLE-кодуванням. | ||
| + | <br /> | ||
| + | <br /> | ||
===Формат jpg=== | ===Формат jpg=== | ||
| − | [[Файл:bmp0.jpg| | + | [[Файл:bmp0.jpg|250px|left|BMP]] |
| − | JPEG ( | + | JPEG (Joint Photographic Experts Group) — растровий формат збереження графічної інформації, що використовує стиснення з втратами. |
| + | При необхідності дуже сильного стиснення втрати можуть бути переглянуті за допомогою модуля Matrixmuster (матричний зразок, матричний малюнок). Втрати і спотворення інформації через ступінь стиснення можуть проявлятися вже в призначених для користувача програмах. Допустимий рівень стиснення залежить від характеру зображення та перебуває, як правило, в межах 1:10. | ||
З прикладної точки зору JPEG оптимальний для зображень з великою кількістю кольорів, наприклад, для фотографій. | З прикладної точки зору JPEG оптимальний для зображень з великою кількістю кольорів, наприклад, для фотографій. | ||
| Рядок 23: | Рядок 30: | ||
===Формат gif=== | ===Формат gif=== | ||
| − | [[Файл:mytrain.gif| | + | [[Файл:mytrain.gif|250px|left]] |
GIF (від англ. Graphics Interchange Format — «формат обміну зображеннями») — 8-бітний растровий графічний формат, що використовує до 256 чітких кольорів із 24-бітного діапазону RGB. Формат було розроблено компанією CompuServe у 1987 році, і з того часу набув широкої популярності у всесвітній павутині завдяки своїй відносній простоті та мобільності. Одними з головних особливостей формату є підтримка анімації та прозорості. | GIF (від англ. Graphics Interchange Format — «формат обміну зображеннями») — 8-бітний растровий графічний формат, що використовує до 256 чітких кольорів із 24-бітного діапазону RGB. Формат було розроблено компанією CompuServe у 1987 році, і з того часу набув широкої популярності у всесвітній павутині завдяки своїй відносній простоті та мобільності. Одними з головних особливостей формату є підтримка анімації та прозорості. | ||
| + | |||
| + | Зображення у форматі GIF зберігається порядково, підтримується тільки формат з індексованою палітрою кольорів, яка може містити до 256 кольорів із 24-бітного діапазону RGB, хоча спочатку формат розроблявся тільки для підтримки 256-кольорової (8-бітної) палітри. | ||
| + | |||
| + | Один з кольорів у палітрі може бути оголошений «прозорим». У цьому випадку в програмах, які підтримують прозорість GIF (наприклад, більшість сучасних браузерів) крізь пікселі, зафарбовані «прозорим» кольором, буде видно фон. «Напівпрозорість» пікселів (технологія альфа-каналу) не підтримується. | ||
| + | |||
| + | GIF спочатку використовував пропрієтарні алгоритми, проте термін дії патентів на них закінчився. У США патент на алгоритм стиснення LZW, що використовується в GIF (патент № 4 558 302) минув 20 червня 2003 року. Термін дії канадського патенту завершився 7 липня 2004. Дія патенту для Великої Британії, Франції, Німеччини та Італії завершилася 18 червня 2004 року, а для Японії — 20 червня 2004 року.<br /> | ||
| + | |||
| + | |||
===Формат png=== | ===Формат png=== | ||
| − | [[Файл:batman.png| | + | [[Файл:batman.png|250px|left]] |
| − | PNG (Portable Network Graphics) — растровий формат збереження графічної інформації, що використовує стиснення без втрат. PNG був створений для заміни формату GIF графічним форматом, який не потребує ліцензії для використання. Зазвичай файли формату PNG мають розширення .png та MIME тип — image/png.Формат PNG зберігає інформацію у стиснутому вигляді, але стиснення проводиться без втрат якості, на відміну від формату JPEG. Формат PNG спроектований на заміну застарілого і простішого формату GIF. | + | PNG (Portable Network Graphics) — растровий формат збереження графічної інформації, що використовує стиснення без втрат. PNG був створений для заміни формату GIF графічним форматом, який не потребує ліцензії для використання. Зазвичай файли формату PNG мають розширення .png та MIME тип — image/png.Формат PNG зберігає інформацію у стиснутому вигляді, але стиснення проводиться без втрат якості, на відміну від формату JPEG. Формат PNG спроектований на заміну застарілого і простішого формату GIF.<br /> |
| − | Формат PNG характеризується сильнішим рівнем стиснення для файлів з більшою кількістю кольорів ніж GIF, але різниця становить близько 5-25%, чого недостатньо для абсолютної переваги формату, тому що маленькі картинки GIF стискає принаймні не гірше. | + | |
| + | Формат PNG характеризується сильнішим рівнем стиснення для файлів з більшою кількістю кольорів ніж GIF, але різниця становить близько 5-25%, чого недостатньо для абсолютної переваги формату, тому що маленькі картинки GIF стискає принаймні не гірше.<br /> | ||
| + | |||
| + | Формат PNG характеризується сильнішим рівнем стиснення для файлів з більшою кількістю кольорів ніж GIF, але різниця становить близько 5-25%, чого недостатньо для абсолютної переваги формату, тому що маленькі картинки GIF стискає принаймні не гірше. Існує також одна особливість GIF, яку не повторює PNG — це можливість збереження множинного зображення, особливо мультиплікації. Призначення PNG — зберігати лише одне зображення. Для передачі множинних зображень використовується розширений формат MNG, опублікований у середині 1999 року, який підтримується у різних прикладних програмах. | ||
| + | |||
| + | ==Різниця JPG та PNG== | ||
| + | Фотографії та зображення з великою кількістю кольорів найкраще зберігати в JPEG. Але варто пам'ятати, що алгоритми компресії JPEG стискає зображення з втратою якості.<br /> | ||
| + | Іконки, схеми, картинки з великою кількістю тексту і зображення з прозорістю оптимальніше зберігати в PNG 24. Алгоритми компресії PNG 24 стискає зображення без втрати якості. | ||
| + | |||
==Векторний формат== | ==Векторний формат== | ||
| − | == | + | [[Файл:twitter.jpg|250px|left|Векторне зображення]] |
| + | На відміну від растрового зображення, векторне не складається з окремих точок - пікселів. Логіка векторного зображення зовсім інша. У векторних графічних об'єктах існують, так звані, опорні точки, між ними - криві. Кривизна цих кривих описується математичною формулою. Це не означає, що дизайнер повинен бути гуру вищої математики і пам'ятати формули всіляких гіпербол і парабол, навіть синусоїду описувати не доведеться. Все це за вас робить графічний редактор. Дизайнер розставляє крапки і «тягає» мишею криву, що б добитися потрібної форми.<br /> | ||
| + | |||
| + | Векторна графіка застосовується найчастіше в поліграфії: буклети, листівки, візитки та ін. Тобто продукти, в яких є текст, логотип, візерунки-орнаменти, - все, що не вимагає точної передачі всіх 18 відтінків персикового кольору, і може бути описано за допомогою кривих. Часто векторні зображення так і називають «в кривих».<br /> | ||
| + | |||
| + | Найбільшим плюсом векторних зображень, є те, що навіть при сильному збільшенні графічного об'єкта, якість зображення не змінюється. Картинка буде однаково хороша, якщо з вектора надрукувати її на візитці або ту ж візитку надрукувати розміром з білборд..<br /> | ||
| + | <br /> | ||
| + | <br /> | ||
| + | <br /> | ||
| + | |||
| + | |||
| + | ==Підсумок== | ||
| + | '''Растрове зображення:'''<br /> | ||
| + | |||
| + | ''Плюси:'' дуже чітко і тонко передає зміна-перетікання кольорів, відтінки, тіні.<br /> | ||
| + | |||
| + | ''Мінуси:'' втрата якості при збільшенні: картинка розсипається в кольорові квадратики - пікселі; у великій якості займає дуже багато місця.<br /> | ||
| + | |||
| + | ''Сфера застосування:'' обробка фотографій, створення макетів сайтів, створення графічних об'єктів з великою колірною гамою.<br /> | ||
| + | |||
| + | '''Векторне зображення:'''<br /> | ||
| + | |||
| + | ''Плюси:'' легко масштабувати - зображення не втрачає якість навіть при дуже великому збільшенні.<br /> | ||
| + | |||
| + | ''Мінуси:'' неможливо передати плавні колірні переходи, як в растрі.<br /> | ||
| + | |||
| + | ''Сфера застосування:'' поліграфія, дизайн листівок, буклетів, рекламних матеріалів, візиток, логотипів та ін. | ||
| + | |||
| + | ==Таблиця== | ||
| + | {| class="wikitable" border="1" | ||
| + | |- | ||
| + | ! Формат зображення | ||
| + | ! Доступні кольори | ||
| + | ! Стиснення | ||
| + | ! Розмір файлу(середнє значення) | ||
| + | ! Підходить краще для | ||
| + | |- | ||
| + | | BMP | ||
| + | | Мілліарди | ||
| + | | Немає | ||
| + | | Великий(<10МБ) | ||
| + | | Редагування | ||
| + | |- | ||
| + | | JPEG | ||
| + | | 16 млн | ||
| + | | З втратами | ||
| + | | Невеликий(<1 МБ) | ||
| + | | Інтернета та збереження | ||
| + | |- | ||
| + | | GIF | ||
| + | | 256 | ||
| + | | Без втрат | ||
| + | | Невеликий(<1 МБ) | ||
| + | | Анімації | ||
| + | |- | ||
| + | | PNG | ||
| + | | 16 млн + прозорість | ||
| + | | Без втрат | ||
| + | | Невеликий(<2 МБ) | ||
| + | | Інтернета, збереження та редагування | ||
| + | |} | ||
Поточна версія на 16:03, 3 березня 2020
Графічні формати
Зміст
Растрові формати
Особливість растрового зображення в тому, що воно, як мозаїка, складається з маленьких коміркових шматочків - пікселів. І чим вище розширення, тим більша кількість пікселів вміщується на одиницю площі.
Растрове зображення займає більше місця на диску ніж векторне.
Формат bmp
Bitmap-формат (англ. device independent bitmap) - формат файлу зображень растрової графіки, в якому зображення зберігається у вигляді двовимірного масиву пікселів.
У даному форматі можна зберігати тільки одношарові растри. На кожен піксель в різних файлах може приходити різна кількість біт (глибина кольору). Microsoft пропонує бітності 1, 2, 4, 8, 16, 24, 32, 48 і 64. В бітності 8 і нижче він вказується індексом з таблиці кольорів (палітри), а при великих: безпосереднім значенням. Колір же в будь-якому випадку можна задати тільки в колірній моделі RGB, але в бітності 16 і 32 можна отримати відтінки сірого з глибиною до 16 і 32-ох біт відповідно.
У більшості випадків пікселі зберігаються у вигляді відносно простого двовимірного масиву. Для бітності 4 і 8 доступно RLE-кодування, яке може зменшити їх розмір. Формат BMP так само підтримує вбудовування даних у форматах JPEG і PNG. Але останнє скоріше більше призначене не для компактного зберігання, а для обходу обмежень архітектури GDI, яка не передбачає пряму роботу із зображеннями форматів відмінних від BMP.
У даному форматі можна зберігати тільки одношарові растри. На кожен піксель в різних файлах може приходити різна кількість біт (глибина кольору). Microsoft пропонує бітності 1, 2, 4, 8, 16, 24, 32, 48 і 64. В бітності 8 і нижче він вказується індексом з таблиці кольорів (палітри), а при великих: безпосереднім значенням. Колір же в будь-якому випадку можна задати тільки в колірній моделі RGB, але в бітності 16 і 32 можна отримати відтінки сірого з глибиною до 16 і 32-ох біт відповідно. Часткова прозорість реалізована альфа-каналом різних бітностей, але при цьому прозорість без градацій можна побічно отримати RLE-кодуванням.
Формат jpg
JPEG (Joint Photographic Experts Group) — растровий формат збереження графічної інформації, що використовує стиснення з втратами. При необхідності дуже сильного стиснення втрати можуть бути переглянуті за допомогою модуля Matrixmuster (матричний зразок, матричний малюнок). Втрати і спотворення інформації через ступінь стиснення можуть проявлятися вже в призначених для користувача програмах. Допустимий рівень стиснення залежить від характеру зображення та перебуває, як правило, в межах 1:10.
З прикладної точки зору JPEG оптимальний для зображень з великою кількістю кольорів, наприклад, для фотографій. У Інтернеті формат JPEG застосовується для відображення напівтонових ілюстрацій та графічної інформації з плавним переходом тонів. Формат JPEG, на відміну від GIF і PNG, не підтримує ні анімацію, ні прозорість. Область застосування формату досить вузька — розповсюдження високоякісної напівтонової графіки в Інтернеті. Формат підтримується практично всіма сучасними графічними програмами та веб-браузерами. Найбільша роздільна здатність, яку підтримує формат JPEG/JFIF є 65535×65535. До недоліків відносять відсутність підтримки регулювання прозорості. Чим менше розмір файлу, тим вище значення ступеня його стиснення. Об'єднана група експертів, на стадії формування таких зображень, оголосила про те, що JPG формат і JPEG є повністю рівнозначними, їх різниця полягає лише в одній букві. Варто відзначити, що .jfif і .jpe так само відносяться до описуваного розширенню.
Відкрити файл .jpg можна за допомогою різноманітного програмного забезпечення в рамках різних операційних систем. Існує безліч програм для перегляду зображень, як штатного виробництва, так і випущеного сторонніми розробниками і іменитими виробниками. Виділяють такі утиліти як Adobe Photoshop, Paint, Corel PaintShop та інші. Тип файлу можна конвертувати в інші популярні формати.
Формат gif
GIF (від англ. Graphics Interchange Format — «формат обміну зображеннями») — 8-бітний растровий графічний формат, що використовує до 256 чітких кольорів із 24-бітного діапазону RGB. Формат було розроблено компанією CompuServe у 1987 році, і з того часу набув широкої популярності у всесвітній павутині завдяки своїй відносній простоті та мобільності. Одними з головних особливостей формату є підтримка анімації та прозорості.
Зображення у форматі GIF зберігається порядково, підтримується тільки формат з індексованою палітрою кольорів, яка може містити до 256 кольорів із 24-бітного діапазону RGB, хоча спочатку формат розроблявся тільки для підтримки 256-кольорової (8-бітної) палітри.
Один з кольорів у палітрі може бути оголошений «прозорим». У цьому випадку в програмах, які підтримують прозорість GIF (наприклад, більшість сучасних браузерів) крізь пікселі, зафарбовані «прозорим» кольором, буде видно фон. «Напівпрозорість» пікселів (технологія альфа-каналу) не підтримується.
GIF спочатку використовував пропрієтарні алгоритми, проте термін дії патентів на них закінчився. У США патент на алгоритм стиснення LZW, що використовується в GIF (патент № 4 558 302) минув 20 червня 2003 року. Термін дії канадського патенту завершився 7 липня 2004. Дія патенту для Великої Британії, Франції, Німеччини та Італії завершилася 18 червня 2004 року, а для Японії — 20 червня 2004 року.
Формат png
PNG (Portable Network Graphics) — растровий формат збереження графічної інформації, що використовує стиснення без втрат. PNG був створений для заміни формату GIF графічним форматом, який не потребує ліцензії для використання. Зазвичай файли формату PNG мають розширення .png та MIME тип — image/png.Формат PNG зберігає інформацію у стиснутому вигляді, але стиснення проводиться без втрат якості, на відміну від формату JPEG. Формат PNG спроектований на заміну застарілого і простішого формату GIF.
Формат PNG характеризується сильнішим рівнем стиснення для файлів з більшою кількістю кольорів ніж GIF, але різниця становить близько 5-25%, чого недостатньо для абсолютної переваги формату, тому що маленькі картинки GIF стискає принаймні не гірше.
Формат PNG характеризується сильнішим рівнем стиснення для файлів з більшою кількістю кольорів ніж GIF, але різниця становить близько 5-25%, чого недостатньо для абсолютної переваги формату, тому що маленькі картинки GIF стискає принаймні не гірше. Існує також одна особливість GIF, яку не повторює PNG — це можливість збереження множинного зображення, особливо мультиплікації. Призначення PNG — зберігати лише одне зображення. Для передачі множинних зображень використовується розширений формат MNG, опублікований у середині 1999 року, який підтримується у різних прикладних програмах.
Різниця JPG та PNG
Фотографії та зображення з великою кількістю кольорів найкраще зберігати в JPEG. Але варто пам'ятати, що алгоритми компресії JPEG стискає зображення з втратою якості.
Іконки, схеми, картинки з великою кількістю тексту і зображення з прозорістю оптимальніше зберігати в PNG 24. Алгоритми компресії PNG 24 стискає зображення без втрати якості.
Векторний формат
На відміну від растрового зображення, векторне не складається з окремих точок - пікселів. Логіка векторного зображення зовсім інша. У векторних графічних об'єктах існують, так звані, опорні точки, між ними - криві. Кривизна цих кривих описується математичною формулою. Це не означає, що дизайнер повинен бути гуру вищої математики і пам'ятати формули всіляких гіпербол і парабол, навіть синусоїду описувати не доведеться. Все це за вас робить графічний редактор. Дизайнер розставляє крапки і «тягає» мишею криву, що б добитися потрібної форми.
Векторна графіка застосовується найчастіше в поліграфії: буклети, листівки, візитки та ін. Тобто продукти, в яких є текст, логотип, візерунки-орнаменти, - все, що не вимагає точної передачі всіх 18 відтінків персикового кольору, і може бути описано за допомогою кривих. Часто векторні зображення так і називають «в кривих».
Найбільшим плюсом векторних зображень, є те, що навіть при сильному збільшенні графічного об'єкта, якість зображення не змінюється. Картинка буде однаково хороша, якщо з вектора надрукувати її на візитці або ту ж візитку надрукувати розміром з білборд..
Підсумок
Растрове зображення:
Плюси: дуже чітко і тонко передає зміна-перетікання кольорів, відтінки, тіні.
Мінуси: втрата якості при збільшенні: картинка розсипається в кольорові квадратики - пікселі; у великій якості займає дуже багато місця.
Сфера застосування: обробка фотографій, створення макетів сайтів, створення графічних об'єктів з великою колірною гамою.
Векторне зображення:
Плюси: легко масштабувати - зображення не втрачає якість навіть при дуже великому збільшенні.
Мінуси: неможливо передати плавні колірні переходи, як в растрі.
Сфера застосування: поліграфія, дизайн листівок, буклетів, рекламних матеріалів, візиток, логотипів та ін.
Таблиця
| Формат зображення | Доступні кольори | Стиснення | Розмір файлу(середнє значення) | Підходить краще для |
|---|---|---|---|---|
| BMP | Мілліарди | Немає | Великий(<10МБ) | Редагування |
| JPEG | 16 млн | З втратами | Невеликий(<1 МБ) | Інтернета та збереження |
| GIF | 256 | Без втрат | Невеликий(<1 МБ) | Анімації |
| PNG | 16 млн + прозорість | Без втрат | Невеликий(<2 МБ) | Інтернета, збереження та редагування |
