
Лабораторна робота №2 "Обробка растрових та векторних зображень для Web"
Мета роботи:
|
Вивчення можливостей та набуття практичного досвіду у використанні професійних графічних засобів для обробки та підготовки зображень різних форматів до публікації в Web. |
Практичне завдання: |
|
Інструментальні засоби:
|
|
Необхідні передумови:
|
|
Кількість годин:
|
|
Лабораторна робота є часткою загального лабораторного проекту, який виконується в рамках опанування данного курсу. Для успішного виконання етапів лабораторної роботи треба прослухати лекції та опрацювати першоджерела по наступним темам:
уведення в комп'ютерну графіку;
основи
28 олі фігграфічним редактором CorelDraw
Для захисту лабораторної роботи студент повинен в срок та в повному об'ємі відпрацювати п.п. 1-3 завдання та подати викладачу наступні результати:
web-сторінку з результатом виконання 1-го етапу;
малий герб у форматі GIF, поліфігуру у форматі GIF, банер у форматі JPG.
Для студентів заочної форми навчання, в залежності від кількості годин, можливі зміни в вимогах к захисту роботи.
Лабораторна робота виконується в учбових класах кафедри, які обладнані відповідними до вимог інструментальнмим засобами. У випадку виконання роботи (або окремих її частин) за межами кафедри, слід керуватися наступною таблицею відповідності інструментальних засобів:
Кафедральні засоби |
Можливий еквівалент |
CorelDraw |
Adobe Illustrator, Macromedia Freehand MX |
Corel Photo-Paint |
Addobe PhotoShop, MS PaintShop Pro |
Браузер Internet Explorer 6.0 |
Браузер Internet Explorer 5.5 та вище, Mozilla FireFox |
3.1. Загальні методичні вказівки
Усі графічні дані в комп'ютері можуть бути представлені у двох форматах:
векторний
растровий
Векторний формат представляє собою деякий математичний опис об'єкта відносно точки початку координат. Простіше говоря, для того, щоб комп'ютер намалював пряму, потрібні координати двох точок, які зв'язуються по найкоротшей; для дуги задається радіус і т.д. Таким чином, векторна илюстрація – це набір геометричних примітивів. Існує достатньо велика кількість різноманітних векторних форматів, тобто алгоритмів відображення геометричного примітива і проблема полягає в складності перетворення зображень з одного формата в інший.
Растровий формат улаштован простіше – він представляє собою прямокутну матрицю (bitmap) розділену на маленькі квадратики – піксели (pixel – picture element). Растрові файли різняться між собою властивістю нести додаткову інформацію: різноманітні колірні моделі, прозорість, інтерлін'яж (черезстрокова підгрузка), анімація та ін.
Для
використання в Web застосовується два
основних растрових формата – GIF і JPG.
Зараз просувається новий формат для
web-графіки за назвою PNG, але він поки ще
мало розповсюджений, і не всі браузери
Формат GIF
Підтримує не більш 256 кольорів;
Використовує стиск без втрати інформації і, отже, GIF-файли практично не стискуються;
Підтримує черестрокове розгорнення;
Є потоковим форматом, тобто показ картинки починається під час перекачування;
Дозволяє призначити кожному з кольорів у палітрі атрибут прозорості , що застосовується при створенні так званих прозорих GіFов;
Має можливість збереження в одному файлі декількох зображень, що знаходить своє застосування при виготовленні анимованих зображень ;
Підтримує можливість вставки у файл керуючих блоків, що дозволяють уставляти коментарі у файл (наприклад, про авторські права), здійснювати затримку між показами зображень і т.д.
Формат JPG
Дозволяє зберігати повнокольорові зображення з кількістю кольорів 16,7 млн. ( або 24bpp), причому, якщо в малюнку менше кольорів, то перед збереженням файлу він усе рівно перетвориться в повнокольорове зображення;
Використовує стиск із втратами якості, за рахунок чого досягає добрих ступенів стиску файлів;
Підтримує прогресивне розгорнення, тобто зображення з'являється спочатку з поганою якістю, і в процесі завантаження поступово поліпшується.
Основне призначення формату JPG – збереження зображень фотографічної якості.