У нашій онлайн базі вже 23511 рефератів!

Навігація
Перелік розділів
Найпопулярніше
Нові реферати
Пошук
Замовити реферат
Додати реферат
В вибране
Контакти
Російські реферати
Статьи
Об'яви

Новини
Загрузка...
На сайті всього 23511 рефератів!
Ласкаво просимо на UA.TextReferat.com
Реферати, курсові і дипломні українською мовою, які можна скачати цілком або переглядати по сторінкам.

Усе доступно безкоштовно, тому ми не платимо винагороди за додавання. Авторські права на реферати належать їх авторам.

Adobe Photoshop 6.0. Photoshop для WWW

Adobe Photoshop 6.0. Photoshop для WWW

Photoshop пропонує ряд можливостей при створенні зображень, призначених для World Wide Web.

Основні параметри в додатку до документів, призначеним для електронного поширення, - розміри, дозволи, формати - мають свою специфіку. Переважна більшість користувачів Internet дотепер застосовують у роботі звичайні комутовані телефонні лінії та модеми, що підтримують низьку (28800-56000 бод) швидкість передачі даних. Швидкість передачі найчастіше лімітується якістю телефонних ліній і високим навантаженням зовнішніх каналів, що особливо актуально для нашої країни. У цьому випадку, швидкість падає навіть нижче номінальної швидкості модему.

Швидкість передачі графічної інформації значно нижче, ніж текстової. Це визначає необхідність розумного підходу при створенні зображень для поширення по мережі. Розміри графічних файлів повинні бути не занадто великі, щоб користувач/читач не залишив сторінку тому, що йому набридло чекати закінчення її завантаження.

Час завантаження зображень пропорційний розміру їхніх графічних файлів.

Можна виділити три способи мінімізації цих розмірів:

1. Зниження розмірів і роздільної здатності зображень

2. Зменшення кількості кольорів у зображенні

3. Використання стиснутих і спеціальних форматів файлів, їхня оптимізація

Усі ці способи використовуються при підготовці зображень для Web-сторінок. Важливо знайти компроміс між швидкістю і якістю зображення, щоб, не стомлюючи користувача тривалим чеканням, представити ефектну й інформативну сторінку.

Розміри і роздільна здатність

На відміну від паперової, розмір Web-сторінки не обмежений ні по горизонталі, ні по вертикалі. Проте, ні в якому разі не робіть сторінок, ширина яких перевищує ширину екрана. Довжина сторінки менш критична, але оптимальна величина - два-три екрана. Оскільки зображення на Web-сторінці призначені тільки для перегляду на екрані, їхня роздільна здатність повинна збігатися з дозволом екрана, а розміри не повинні перевищувати його. Роздільна здатність моніторів варіюється в широких межах, так само, як і діагональ екрана - на які ж параметри розраховувати Web-дизайнеру

1. Застосовуйте суцільний кольоровий фон замість графічного.

2. Використовуйте кольоровий фон комірок таблиць замість графічного.

3. Створіть текстові посилання замість графічних кнопок

4. Введіть для серії сторінок графічні елементи, які повторюються, щоб уникнути їхнього постійного завантаження по мережі

5. Визначите зображення, які найдовше завантажуються і розглянете можливість зменшення їхніх розмірів. Ще кілька порад по оптимізації завантаження зображень:

6. Одне велике зображення вантажиться швидше, ніж декілька маленьких (не пересилається додаткова службова інформація), тому використовуйте зображення-карти посилань (image maps).

7. Вказуйте в посиланнях на зображення його розміри - браузеру буде потрібно менше часу на завантаження зображення і він відразу побудує для нього правильну рамку.

У Web-дизайні зручніше застосовувати іншу одиницю виміру для зображень - пиксел. Така одиниця рятує від необхідності використання пари параметрів розмір/дозвіл і дозволяє легше співвіднести розмір зображення з розміром сторінки. У даній главі будемо користатися саме цією одиницею виміру.

Зменшення кількості кольорів

Для представлення графіки в Internet широко використовуються індексовані зображення. Вони, як ви пам'ятаєте, дозволяють передавати до 256 фіксованих кольорів. Набір кольорів зображення (палітра) зберігається у файлі разом із зображенням і використовується браузером для демонстрації.

Зображення з індексованим кольором одержують з полнокольорових зображень шляхом зменшення кількості кольорів. Як же передати 16 млн кольорів полнокольорового зображення 256-ю кольорами індексованого? Для цього існує операція, називана згладжуванням (dithering). Згладжування побудоване на тім же обмані зору, що і типографська печатка: кілька розташованих поруч крапок різних кольорів, будучи досить дрібними, роблять враження крапки "сумарного" кольору. Відмінність зображення після типографської печатки від індексованого тільки в тім, що в першому випадку використовуються чотири фарби, а в другому - 256. Photo-shop у діалоговому вікні Indexed Color, що з'являється після виконання команди Image/Mode/Indexed Color . дозволяє вибрати один із трьох (мал. 13.2) варіантів згладжування (чи настроювання кольорів):

1. Pattern. Кожному з 16 млн. кольорів зіставляється визначена комбінація пикселов, що маються в палітрі індексованого зображення. При пильному розгляданні така імітація виглядає як візерунок з кольорових крапок.

2. Diffusion. При такому алгоритмі згладжування відбувається почергове перекодування кожного пиксела. Після того, як обрана придатна комбінація індексованих кольорів для представлення першого пиксела, аналізується наступний. Замість нього додаються пиксели, колір яких разом з кольором попередніх дасть необхідний. Ця операція виконюєься з усіма пикселами зображення. Застосування даного способу дає більш привабливий результат, оскільки не створює настирливо повторюваного візерунка.

3. Noise. Як і Diffusion, дає випадковий розподіл пикселiв, але гарантує від прояву "візерунків" у плавних градиентних переходах і погрішностей по краях зображення.

4. None. Суть Цього методу згладжування - відсутність згладжування. У цьому варіанті для кожного кольору просто підбирається найбільш близький з наявної палітри кольорів. Це неминуче приводить до сильного перекручування кольорів і застосовується тільки в тих випадках, коли їхня кількість лише небагато перевищує 256.

1. Відкрийте файл plane l.tif.

2. Створіть копію файлу командою Duplicate . меню Image.

3. Виберіть режим Indexed Color . зі списку Mode, що знаходиться в меню Image.

4. Перед вами діалогове вікно Indexed Color. Тут вам необхідно вибрати палітру зображення, глибину кольору, метод згладжування, якість згладжування і точність передачі кольору. У списку палітр виберіть палітру Web (про призначення кожної визначеної палітри читайте в главі 4).

5. У списку Dither виберіть варіант Diffusion. Як уже згадувався, найбільш прийнятний варіант.

6. Перемикач Color Matching переведіть у положення Best і установите прапорець Preserve Exact Colors, щоб досягти максимальної якості.

7. Натисніть кнопку ОК.

8. Проробіть кроки 3-8 з дублікатом зображення, тільки на кроці 4 виберіть палітру Adaptive. Порівняєте індексовані зображення, що вийшли, (щоб розходження були очевидні, збільште масштаб відображення документів).

9. Безсумнівно, адаптована палітра дає набагато більш якісний результат. Особливо це позначається на зображеннях з великою кількістю відтінків декількох кольорів, оскільки в палітрі Web багато кольорів, але мало відтінків. Переконаєтеся в цьому, відкривши палітру командою Color Table . того ж списку Mode меню Image.

10. Закрийте обидва зображеня не зберігаючи.

Особливо удале використання індексованих зображень для відображення текстової інформації і малюнків. У цьому випадку 256 кольорів навіть зайві - можна обійтися і меншою їхньою кількістю. Індексовані формати надають вам таку можливість. Photoshop автоматично обчислює кількість кольорів в індексованому зображенні й округляє його до найближчого ступеня двійки: 2, 4, 8, 16, 32, 64, 128. Менша кількість кольорів дозволяє створювати графічні файли меншого розміру.

Стиснуті формати файлів

Як тільки передача графічної інформації з глобальних мереж стала звичайною справою, компанія CompuServe (найбільша онлайновая служба) запропонувала формат GIF, в основі якого лежить ефективний (на відміну від більш ранніх форматів, наприклад, PCX) алгоритм стиску. Цей формат використовується в Internet і по сьогоднішній день. Він дозволяє зберігати тільки індексовані зображення.

Особливо цікаво унікальне застосування даного формату для створення анімаційних ефектів. Формат GIF дозволяє зберігати в одному файлі кілька зображень, а браузери можуть їх по черзі демонструвати. Для кожного зображення можна вказати час його демонстрації. Якщо кожне з зображень, що зберігається у файлі GIF, представляє фазу анімації, то браузер покаже маленький "мультфільм". Ця особливість формату GIF знайшла дуже широке застосування в Web-дизайні. Такі анімаційні ефекти можна зустріти практично на кожній сторінці WWW. Особливо часто анимированные зображення використовуються в баннерах (від англійського banner, плакат), рекламних оголошеннях.

[1] 2

завантажити реферат завантажити реферат

Подібні реферати з розділу "Комп'ютери, програмування"

Нове
Цікаві новини
загрузка...
Замовлення реферату
Замовлення реферату

Лічильники

Rambler's Top100

Усі права захищено. @ 2005-2017 textreferat.com