Оптимізація фотографій для публікації в мережі інтернет

Оптимізація графічних файлів застосовується в багатьох випадках, наприклад, у web-дизайні - для зменшення ваги сторінок; в комп'ютерних іграх - щоб зменшити вагу графіки та збільшити швидкість відображення; при завантаженні фотографій в інтернет - щоб не перевантажувати сервер та економити дисковий простір хостинг-провайдера.

деревяний причал на лимані Шаболат

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

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


Оптимізація фото

Не беруся стверджувати що викладене в цій статті є єдиним вірним способом оптимізації зображень. Все що викладено нижче - лише визначення напрямку в який бік рухатися на перших порах, а далі кожен зробить свій вибір самостійно. Отже, відкриваємо Photoshop, обробляємо фото, вписуємо інформацію про авторське право і т.д.
Вікно інформації про авторські права шукаємо в меню Файл > Відомості про файл > Опис, див. мал.10

авторські права

Перш ніж відкривати вікно оптимізації, необхідно задати розміри файлу у вікні редактора, і тільки після цього оптимізувати. Викликаємо меню «Зображення», у випадаючому меню натискаємо «Розмір зображення».

Розмір зображення

У вікні що з'явилось встановлюємо галочки як показано на фото внизу.

Розмір

Після цього необхідно встановити роздільну здатність. Я зазвичай встановлюю значення 96 або 72.

роздільна здатність

Щоб встановити потрібні геометричні параметри фотографії достатньо вписати числове значення в будь-яку з колонок розмірність, так як стоїть галочка зберегти пропорції - інший параметр зміниться автоматично. Зазвичай я встановлюю ширину від 800 піскелей до 1000, на мою думку це оптимальний розмір при якому якість і вага фото найбільш збалансовані. Багато фоторесурсів не приймають фотографії вагою понад 250 Kb. Тому необхідно вибрати оптимальний розмір файлу, при якому не постраждає якість знімка.

геометричні параметри

Інтерполяцію залишаємо бікубічною (за замовчуванням).

Інтерполяція

Після натискання кнопки Ok повертаємося до фотографії, яка стала набагато легшою по вазі і меншою за розміром. Виставивши масштаб 100%, можемо побачити реальний розмір фотографії яку незабаром побачать гості вашої веб-сторінки в інтернеті.

розмір фотографії

Для оптимізації фотографії переходимо в меню «Файл», у випадаючому меню вибираємо пункт «Зберегти для Web і пристроїв...»

оптимізація фото

У вікні з'являється наша фотографія яку будемо оптимізувати для веб сторінок. Спочатку вибираємо формат файлу, в даному випадку - Jpeg. Метод оптимізації - «Оптимізація», хоча ви можете вибрати «Прогресивний» метод. Якщо використовувати «Прогресивний» метод оптимізації, при відкритті фотографії в браузері, вона спочатку відкриється у вигляді мозаїки або великокаліберних пікселів, після чого поступово почне набувати свого природнього вигляду. При звичайному методі «Оптимізація», файл відкривається відразу в нормальній якості, але не весь відразу а поступово зверху до низу (построчно). Тут все залежить від швидкості інтернету, чим вища швидкість, тим швидше цей процес відбуватиметься.

Після вибору методу оптимізації переходимо до корекції ваги і якості фотографії. Повзунком «Якість» встановлюємо найбільш прийнятну для вас якість фото. Тут я виставив 85, так як вибрана мною якість вміщується у 234 Kb, Чого цілком достатньо. Швидкість завантаження з серверу склала 43 секунди при досить низькій швидкості інтернету - 56,6 Kb/s.

Викликавши меню «Вибрати швидкість завантаження», можете вибрати будь-яку з доступних вам швидкість завантаження, але пам'ятайте що не у кожного на сьогоднішній день швидкість інтернету дорівнює 2 Mb/s. Якщо виникла необхідність у додатковій корекції параметрів фотографії, на панелі «Розмір зображення» є вже знайомі нам інструменти. Щоб світ дізнався якою камерою ви користуєтеся, і які параметри настройок при зйомці використовуєте - вибирайте пункт «Усі» на панелі «Метадані».

метод оптимізаціїкорекції параметрів файлу

Сподіваюся, я досить докладно розповів про процес оптимізації, якщо ні - залиште ваші питання в коментарях. Удачі!

Коментарі (наразі немає, Ваш буде першим)


    • Ліміт 2000 символів

    • залишилось:


© Andrey Ko 2011***
Тестуємо цифрову фотокамеру перед покупкою
Категорії розділу
  • Всього категорій: 4

  • 4 797

Категорія
  • Автор: Andrey Ko

  • 02.06.2011

  • 4 382