Як підготувати фотографії для публікації в Інтернеті?
Будь-який матеріал на будь-якому сайті виграє за умови ілюстрації його фотографіями, малюнками, схемами та іншими графічними файлами. І якщо розмір цих файлів не має значення при верстці матеріалу на сучасному комп'ютері, оснащеному гігабайтами оперативної пам'яті і сотнями гігабайт місця на вінчестері, то при публікації в Інтернеті ситуація змінюється.
У нас в країні тільки кілька найбільших міст можуть похвалитися наявністю швидкісного безлімітного інтернету. Провінція досі щільно сидить на модемного зв'язку, а глибинка навіть на GPRS (Зв'язку за допомогою мобільного телефону). Швидкості передачі даних по цих каналах гнітюче низькі, тому веб-сторінки великого обсягу завантажуються дратівливо повільно. Так як графічні файли - чемпіони по займаному місцю, то слід зменшувати їх, наскільки можливо при обраному стандарті якості. Як це зробити за кілька хвилин?
Не будемо розглядати спосіб отримання зображень: це можуть бути ваші власні снімкі- фотографії та малюнки, викачані з мережі-відскановані зображення-знімки екрану комп'ютера (скріншоти) тощо.
Всі їх об'єднує одна властивість - неприпустимо великий об'єм. Зменшити цю величину нам допоможе програма Фотошоп. Не потрібно боятися цієї програми - вона однаково служить і прискіпливому професійному ілюстратору, і практиканту ШколиЖізні.ру. Версія програми для наших цілей не має значення, підійде будь від шостої і старше (7, 8, cs, і так далі). Більш стара версія навіть краще, так як займає менше місця, працює швидше і має менше опцій. У даній статті використані скріншоти, зняті з версії 8.0.
Якщо Фотошоп не встановлений у вас на комп'ютері, то його варто встановити. Установка відбувається майже автоматично, треба тільки погоджуватися на всі налаштування за замовчуванням. Відкрите вікно програми показано на рис. 1.
Зліва ви бачите вузьке високе вікно Інструментів (Tools), його можна переміщати мишею за синю смугу нагорі в будь-який зручний місце екрана. Це відноситься і до всіх інших допоміжним віконець програми. У правій частині вікна ми бачимо ще три допоміжних вікна. Для нашого завдання вони не потрібні, тому закриємо їх, щоб вони не заважали. При необхідності їх завжди можна повернути з меню Вікно (Window).
Настав час відкрити зображення, яке ми станемо зменшувати. Для цього потрібно відкрити меню Файл і вибрати другу позицію зверху - Відкрити. З'явиться стандартне вікно вибору файлу, яке всім знайоме.
Відкривши потрібний файл, почнемо з ним працювати. Якщо це фотографія, то насамперед потрібно відрізати все зайве. Для обрізки служить інструмент Crop Tool, на малюнку 1 він знаходиться у віконці Інструментів зліва у третьому ряду інструментів, виділений в білому квадраті. За допомогою зазначеного інструменту робимо прямокутне виділення потрібної ділянки фотографії.
Майте на увазі, що кордони прямокутної рамки виділення можна рухати мишею за маленькі квадратики на сторонах, і навіть обертати за кутові квадратики. Виділивши потрібну ділянку зображення, слід двічі клацнути мишею всередині виділення і фото буде обрізано.
Далі потрібно встановити розмір. Для цього в меню Зображення вибираємо рядок Розмір Зображення і у вікні встановлюємо потрібний. При цьому можна вибирати розмір в сантиметрах, але краще - в пікселях. Фото шириною 700 пікселів займе більшу частину вікна браузера. Найбільш уживана ширина - 500 пікселів. Висота буде встановлена автоматично із збереженням пропорцій знімка.
І залишилося зробити найголовніше - оптимізувати зображення для web. Справа в тому, що воно все ще занадто велика, і нам необхідно зменшити його розмір.
Але і це ще не все - зображення несе масу надлишкової інформації. Наприклад, формат файлу .jpg містить мільйони відтінків кольорів, а в web використовується в основному тільки 216 так званих «безпечних», тобто тих, що гарантовано будуть передані без спотворення будь-яким браузером. Така ж картина і з дозволом, дозвіл 300 ліній / дюйм надлишково, цілком достатньо 72. Функція Фотошопа Зберегти для Веб - Це програма в програмі, що дозволяє оптимізувати зображення, зберігаючи пристойну якість і зменшуючи його розміри. Відкриваємо меню Файл і вибираємо Зберегти для Веб.
Програма дозволяє зберігати файли в декількох форматах, але нам потрібні тільки два основних: .jpg для фотографій і картин і .gif для текстів, малюнків, схем і іншого. Формат .gif унікальний ще й тим, що підтримує прозорість (наприклад, фону) і мультиплікацію.
Меню програми Зберегти для Веб дозволяє поекспериментувати з різними ступенями «погіршення» зображення, для чого на екран виводяться два зображення - вихідне і оптимізоване. (Є можливість вивести 4 зображення). Поекспериментуйте з різними настройками і знайдіть оптимальне для вас співвідношення розмір / якість. Я особисто не визнаю фотографій розміром більше 30 кілобайт, так як живу в селі і користуюся GPRS. Кінцевий результат роботи розміром 500х344 пікселів вийшов 10,2 Кб.
Кілька загальних порад:
1. Проробляйте всі перераховані вище етапи, нічого не зберігаючи. Тоді ви завжди можете повернутися на будь-яке число кроків назад, вибравши позицію Крок Назад в меню Правка. Зберігайте тільки вже остаточний оптимізований варіант з новим ім'ям файлу з меню Зберегти для Веб;
2. Не бійтеся, якщо кінцевий варіант в натуральну величину виглядає «не дуже». Швидше за все, на сторінці сайту він буде зменшений, і дефекти стануть непомітними;
3. Сміливо експериментуйте, Фотошоп - дуже розумна програма і ніколи не змінить вихідний файл, не запитавши у вас підтвердження. А в цій чудовій програмі для експериментів великий простір!
