Оптимізація графіки для web-сторінок

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

Я не буду говорити про такі програми як фотошоп, не у всіх він є, та й там все досить просто: задаємо розмір малюнка і далі вибираємо опцію "зберегти для WEB". За вас все зробить програма. Зупинимося на безкоштовній, але досить просунутою програмою IrfanView і розглянемо приклад поводження з нею.

Найперший етап оптимізації - виділення в фотографії головного (з відкиданням усього іншого) і акцентування на иллюстрируемое елементі. Це досягається за допомогою операції кадрування і знаходження найбільш виразною частини, що передає зміст фотографії. Тобто вирізається все зайве.

Відкриваємо потрібний графічний файл, натискаємо праву кнопку миші і курсором виділяємо потрібну область.

Потім натискаємо CTRL-Y і у вас залишається тільки виділена область.

Було, і як стало.

Після цієї операції вже можна оптимізувати зображення, і в цьому випадку воно дійсно буде мати найменший розмір. А з розмірами фотографій потрібно дотримуватися певного компромісу - не робіть їх занадто дрібними, на яких навіть під лупою нічого не розгледиш, і не робіть їх занадто величезними, щоб часом не розтягнулося у вічність. Хоча, зрозуміло, є винятки: правильно оптимізована велика фотографія може займати час пересилки, еквівалентну часу пересилання звичайної фотографії, і, навпаки, погано оптимізований маленький малюнок буде завантажуватися до кінця днів. Під звичайною картинкою я розумію фотографію розміром приблизно 250x300 пікселів і займає близько 50 -1 50 кілобайт. Для довідки: 100 пікселів це трохи більше 3 см.

Це не означає, що всі Ваші фотографії повинні бути розраховані таким чином, але площа фотографії повинна бути їй еквівалентна.

Для здійснення цього, на вже обрізаному малюнку, натискаємо CTRL-R. Відкривається додаткове віконце. Що ми там бачимо?

Зліва вгорі поточний розмір картинки, далі нижче віконця з параметрами, які ви можете виставити. Вибираємо новий розмір, не забуваючи, що 100 пікселів це трохи більше 3 см. Або виставляємо відразу в сантиметрах.

Звертаю увагу на галочку "зберегти пропорцію". Якщо галочка стоїть, то досить змінити лише один параметр: висоту або ширину.

І зліва в самому низу варто віконце DPI. Від DPI безпосередньо залежить якість зображення, ніж воно вище, тим важче файл. Для публікації в інтернеті, як правило, досить значення 72.

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