- •Українська інженерно-педагогічна академія
- •1Історія та можливості використання високих інформаційних технологій та програмування при створенні електронних ресурсів
- •Види і форми представлення інформації
- •Структурована інформація
- •Технології гіпертексту
- •Мультимедіа
- •Інтерактивні цифрові мультимедіа
- •2Електронні видання
- •Інформаційна революція й електронне видання
- •Особливості електронних видань
- •Класифікація електронних видань
- •Основні компоненти електронних видань
- •Текстова інформація
- •Напівтонові і кольорові ілюстрації
- •Анімаційна графіка
- •Порівняльний аналіз графічних форматів
- •Відеоінформація
- •Компонування Web-сторінок Проста таблична верстка
- •Вибір дизайн верстки
- •Недоліки табличної верстки
- •Принципи побудови системи навігація
- •Виробництво друкованих і електронних засобів інформації
- •3Технології гіпертекстових видань
- •4Засоби розробки електронних видань
- •1 Спосіб
- •2 Спосіб
- •3 Спосіб
- •Особенности работы с текстом
- •Вставка изображений на Web-страницу
- •Д обавление файлов мультимедіа
- •Сохранение изображений
- •Добавление надписей в изображение
- •Создание значков для предпросмотра изображений
- •Настройка прозрачности
- •Изменение исходного размера изображения
- •Практикум Тема: Створення html- документів
- •Тема: Створення електронних навчально-інформаційних видань. Розробка структури видання
- •Тема: Створення електронних учбово-інформаційних видань. Розробка елементів навігації і оформлення
- •Тема: Обробка і представлення відео- інформації
- •Створити фільм;
- •Тема: Створення навчальних фільмів
- •Перелік посилань
Порівняльний аналіз графічних форматів
Якщо ми тепер повернемося до браузерів, то можна сказати наступне, що більшість браузерів без проблем можуть відображати графічні файли чотирьох форматів (*.gif,*.jpg,*.png,*.bmp), використовувати з яких на сьогоднішній момент найкраще два — *.gif і *.jpg. та й то після попередньої оптимізації. Розглянемо ці формати більш докладно.
Формат GIF — Graphics Interchange Format — (вимовлятися по різному — «гіф» або «джиф») був розроблений для передачі графічних даних між комп'ютерами з використанням модемів. Формат Gif застосовує ті ж алгоритми стиску, що і звичайні програми-архіватори (метод LZW-компресії — патентований алгоритм стиску, що належить корпорації Unisis), тому при записі і зчитуванні GIF-зображення ніяких втрат інформації не відбувається. Однак у відмінності від них GIF-файли архивуються і розархівуються автоматично.
Формат GIF може застосовуватися для кольорових зображень, різних градацій сірого або чорно-білого зображень. При роботі з кольором і при роботі з градаціями сірий GIF-формат обмежений 256 кольорами. У більшості випадків цього цілком достатньо для одержання якісних ілюстрацій, але до фотографічної якості, звичайно, далеко.
GIF-формат має три приємні додаткові можливості:
Мультиплікація — використовуючи будь-який анімаційний GIF-редактор або Adobe Image Ready (додаток до Adobe Photoshop версії 5.5 і вище), легко зібрати простий мультик: намалювати окремі кадри, настроїти час затримки в послідовності показу. Коли анімація готова, вона записується на диск як звичайний GIF-файл. Хоча в цьому файлі не одна, а ціла серія GIF-картинок і різна інформація настройки.
З якою GIF-картинкою приходиться працювати — з анімацією або з простою — браузер довідається в момент завантаження GIF-файлу. Прості картинки він просто розміщає на екрані і «забуває» про них; анімованими приходиться опікувати постійно, змінюючи кадри на екрані...
Простий gif-файл |
Анімований gif-файл |
|
|
Прозора графіка — GIF-формат дозволяє один або кілька кольорів у картинці оголосити прозорими. Це дозволяє створити ілюзію не прямокутного зображення.
Прозорий колір задається в редакторі при записі GIF-файлу. Однак у Front Page теж є можливість указати на GIF-зображенні колір, що буде сприйматися браузером як прозорий.
Звичайний gif-файл |
Прозорий gif-файл |
Черезрядкове розгорнення — застосовується для великих GIF-файлів. Ілюстрація розділяється на чотири частини, розміром з оригінальну картинку. Перша частина містить 1, 5, 9,... рядка вихідного зображення. Друга — 2, 6, 10,... Третя — 3, 7, 11,.... Четверта — 4, 8, 12,... Браузер будує на екрані спочатку першу частину картинки, потім другу, потім третю і четверту. Виходить ефект поступового прояву зображення. На повільних лініях Інтернету цей метод дозволяє користувачеві ще до завантаження всіх частин одержати представлення про зображення — адже частини будуються браузером у міру їхнього надходження на комп'ютер.
Якщо картинка завантажується не по мережі, то розходження виводу звичайного GIF і черезрядкового на швидких комп'ютерах непомітні.
Формат JPEG — Joint Photographic Experts Group — (вимовлятися «джей-пег») був розроблений спеціально для передачі фотографій. Він підтримує мільйони кольорів і дозволяє одержувати зображення дуже високої якості.
Звичайно, висока якість відбиває на розмірах файлу. Але формат JPG має одну особливість: у багатьох редакторах, що працюють з JPG-файлами (зокрема, у PhotoShop) при збереженні файлу, можна вказати той ступінь якості, що потрібна і, тим самим, балансуючи на планці «якість-розмір файлу», досягти потрібного компромісу.
Формат PNG — Portable Network Grafics — (вимовлятися «пинг») був розроблений як альтернативу GIF- і JPG-форматам.
Повна реалізація даного формату повинна підтримувати повнокольорові зображення з колірною глибиною 24 біт/піксел і навіть 48 біт/піксел, дозволяти зберігати повну інформацію про ступінь прозорості кожної крапки зображення за допомогою спеціального альфа-каналу.
Таким чином, кожен піксел PNG-файлу, поза залежністю від його кольору і місця розташування, міг би мати будь-як значення непрозорості від нульової (повна прозорість) до абсолютно непрозорої, використовувати більш ефективний алгоритм черезрядковості, давати можливість використання гамма-корекції. Ця властивість використовується для згладжування яскравості дисплеїв різних типів комп'ютерів і, відповідно, між створюваними на них зображеннями. Справа в тім, що PNG- формат дозволяє зберігати у файлі коефіцієнт яскравості дисплея, на якому було створене зображення.
Згодом це повинно забезпечувати можливість автоматичної корекції яскравості зображення відповідно до параметрів відеосистеми.
Труднощі полягають у тому, що на сьогоднішній момент ні один з наявних методів збереження фалів PNG не можуть керувати більш ніж одним або двома параметрами, а сама реалізація запису файлу часто має вади. Стиск PNG виявляється не оптимальним, розмір файлу зменшується, але не дуже сильно.
Формат BMP — BitMaP (бітова матриця) — (вимовлятися «битмэп»). Формат без стиску зображення. Дуже великий розмір файлів.