Оптимізація зображень для сайту - як зробити
Щоб не робити оптимізацію заради оптимізації, потрібно розуміти, для чого вона потрібна. У цього процесу є дві головні мети - задовольнити пошукові системи і задовольнити користувачів сайту. Причому для просування сайту важливіше задовольнити пошукові системи. Пошуковики при ранжируванні сайтів враховують різні чинники. І швидкість завантаження, яка безпосередньо пов'язана з оптимізацією наявних на сайті зображень, один з них.
Чим довше буде завантажуватися сайт - тим нижче він буде перебувати в пошуковій видачі. Хоча час завантаження не є головним фактором ранжирування, але якщо по іншим факторам сайт не краще і не гірше за інших, а завантажується він набагато довше, то, відповідно, і в пошуковій видачі він буде розташовуватися набагато нижче.
Тому у ресурсу з оптимізованими зображеннями більше шансів зайняти верхні позиції у видачі пошукових систем. Ну а якщо говорити про відвідувачів сайту, то і для них більш кращим буде той сайт, який швидше завантажується. А якщо сайт сподобається користувачеві, то користувач приділить йому більше часу, буде переходити по різних сторінках і, швидше за все, ще не раз відвідає цей сайт. Це позитивно позначиться на поведінкових факторах, що дуже важливо для просування сайту.
Ну а якщо сайт вантажиться дуже довго, то відвідувач, швидше за все, закриє його і перейде на інший сайт. А це вже буде негативно позначатися на поведінкових факторах. Тому дуже важливо оптимізувати зображення, щоб прискорити завантаження сайту.
Використовуємо правильний формат
Для оптимізації зображень важливо використовувати правильний формат. Найчастіше для зображень в Інтернеті використовуються формати png, gif і jpg. У кожного з цих форматів своє призначення. Для графіки, наприклад, найбільш оптимальним вважається формат png. Причому для простих зображень з невеликим розмаїттям кольорів застосовують png-8, а для зображень з полупрозрачностью або великою кількістю квітів використовують png-24. Іконки і звичайні кнопки також можна робити в цьому форматі. Так вони будуть важити менше, що дуже важливо для прискорення завантаження сайту, а також будуть краще виглядати в складних деталях. На сьогоднішній день формат gif вже морально застарів. Його використовують в основному для анімації.
Для великих фотографій і складних зображень використовується формат jpg. Виходячи з усього цього, для оптимізації зображень сайту потрібно перевірити формати всіх елементів дизайну і наявних картинок. Бажано, щоб використовувалися тільки ці формати, тому що одна і та ж фотографія в форматі bmp буде важити набагато більше, ніж вона ж в форматі jpg. Крім того, потрібно стежити, щоб формат png використовувався тільки в елементах дизайну, а фотографії в постах були в форматі jpg.
Ширина і висота картинок
Також для оптимізації зображень важливо, щоб вони завантажувалися в тому розмірі, в якому вони будуть показані на сайті. Тобто, якщо на сторінці картинка показується в розмірі 200х300, то її розмір повинен бути таким же, а не 600х900. Це правило також дотримується не всіма веб-майстрами. Але ж якщо на сайті багато зображень, які мають більший розмір, ніж необхідно, то це може негативно вплинути на швидкість завантаження сайту.
Розмір файлів
Крім того, можна знизити якість зображення і тим самим зменшити його розмір. Це стосується картинок і фотографій в форматі jpg. Більшість користувачів навіть не помітити різниці між оригінальною картинкою, і тієї у якій якість знижено до 90%. А розмір файлу зі зменшеним якістю буде менше. Якість деяких зображень можна навіть знижувати до 60-80%. Ця процедура також виконується за допомогою Photoshop або Paint.net. Потрібно тільки відкрити файл, і вибрати пункт меню «Зберегти як». В опціях потрібно вибрати формат jpg і необхідну якість.