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

Чому так важливо оптимізувати зображення?

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

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

 
ResizePicOnline.com для зменшення розміру картинок у форматі JPG та PNG

Сервіс дозволяє швидко змінити розмір ваших фотографій без втрати якості. Одночасно ви можете завантажувати до 10 фотографій. Процедура зменшення розміру виконується в три етапи:

  • Завантажуєте зображення, натиснувши на кнопку «Завантажити зображення» або просто перетягуєте його з вашого комп'ютера в зазначену область.

  • Спускаєтеся вниз сторінки і вибираєте роздільну здатність, формат і якість фотографій, які  вийдуть після конвертації.

  • Збереження оброблених зображень.

Але є деякі обмеження: можна завантажувати тільки одне зображення, вихідний розмір якого не повинен бути більше 15 мегабайт або його роздільна здатність - понад 6 000 пікселів.  Функціонал невеликий, але для виконання поставленого перед нами завдання (оптимізувати картинку) цілком вистачить.

Як оптимізувати картинку в tinypng.com

Даний сервіс по функціоналу нагадує попередній: дозволяє зменшити розмір без втрати якості, працює з PNGі JPG форматами. Різниця лише в тому, що tinypng.com орієнтований на зміну формату PNG шляхом перетворення з 24-бітного зображення в 8-бітове за рахунок зменшення кількості кольорів. Пошуковик помітить різницю, а людське око – ні.

Для того щоб зменшити розмір файлу на даному сервісі:

  • Закиньте картинку на сайт, натиснувши на клавішу з написом «Drop your .png or .jpg files here!».

  • Подивіться, на скільки відсотків обрізати ваше зображення.

  • Скачайте картинку.

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

 

Як змінити зображення за допомогою online-fotoshop.ru

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

online-fotoshop.ru дозволить вам змінити роздільну здатність зображення. Відмінно підійде для тих випадків, коли на сайті немає галереї для того, щоб відкрити зображення у повному розмірі. Для зменшення розміру потрібно виконати наступні дії:

  • Натиснути на клавішу «Завантажити зображення з комп'ютера».

  • На вкладці «Зображення» у лівому кутку вибрати функцію «Розмір зображення».

  • Виставити роздільну здатність по вертикалі або горизонталі й натиснути «Так» (для цього вам потрібно знати, яка максимальна ширина або висота повинна бути у вашій картинки на сайті - її і вписуйте).

  • На вкладці «Файл», який знаходиться у лівому верхньому кутку натиснути на кнопку «Зберегти».

  • У вікні калібруете повзунок «Якість» і натискаєте «Так».

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


 
Jpegmini.com для пакетної оптимізації

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

З переваг можна відзначити можливість підігнати всі картинки під один дозвіл і масове зменшення ваги без втрати якості. Недоліком же є необхідність встановлювати додаток на комп'ютер.

 
Visualwatermark для накладення логотипу або тексту

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

Процес нанесення «ВОТЕРМАРК» дуже простий. Після установки програми потрібно:

  • Перенести всі зображення в робочу область програми.
  • Натиснути «Далі» у правому верхньому кутку.
  • У вікні вгорі вибрати, що ви хочете додати (текст, зображення або групу).

  • Налаштовуєте прозорість та положення об'єкта на вашому зображенні і натискаєте «Далі» у правому верхньому кутку екрану.

  • Далі у вікні вибираєте розмір зображення, формат, якість та шлях, за яким можна буде знайти картинку, і натискаєте «Застосувати клеймо»

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

Завантажити програму можна тут: https://www.visualwatermark.com/ru/download/

Важливий не тільки розмір, але й назва

Не забувайте про те, що назву зображення потрібно писати англійською мовою (транслитом). Також воно має відображати те, що зображено на картинці. У нашому випадку ми назвали файл «doroga-nochnaya.jpg». Це потрібно для того, щоб пошукові системи змогли проіндексувати картинку, і на ваш сайт переходили відвідувачі з розділу «пошук за картинками». Між словами ставте риску. Довжина назви не повинна перевищувати 30 символів.