Завантажив PNG — отримав WebP. Автоматично.
// Зображення стискаються на 60–80% без втрати якості, сторінки вантажяться миттєво, Google ранжує вище — і все це без участі менеджера
З якими проблемами стикається магазин через важкі зображення
LCP понад 5 секунд — штраф у пошуковій видачі
Google використовує Core Web Vitals як фактор ранжування. LCP вище 2.5 секунди — нижчі позиції відносно конкурентів з оптимізованими зображеннями. Головне фото товару вагою 3 МБ гарантує погану оцінку.
Менеджер витрачає 1–2 години на день на ручне стиснення
Щоразу при додаванні товару — TinyPNG, завантажити, перейменувати, завантажити знову. На 50 нових товарів на день це непродуктивна рутина що повністю автоматизується.
Хостинг переповнений важкими оригіналами
Каталог 10 000 товарів з оригінальними PNG займає 50–150 ГБ на диску. Хостинг доводиться апгрейдити тільки через фото — і ця стаття витрат зростає разом з каталогом.
Мобільний трафік губиться через повільне завантаження
70%+ покупок відбувається зі смартфонів. При повільному 4G важкі зображення — перша причина відмов і переходу до конкурента чий сайт відкрився швидше.
Які проблеми вирішує це кастомне рішення
Модуль перехоплює зображення в момент завантаження в адмін-панель і автоматично виконує повний цикл обробки — без дій менеджера
// Чому WebP і як це впливає на позиції в Google
Формат WebP розроблений Google і підтримується всіма сучасними браузерами. При однаковій візуальній якості WebP файли на 25–35% менші за JPEG і на 60–80% менші за PNG. Для інтернет-магазину з тисячами зображень товарів це означає кардинально іншу швидкість завантаження сторінок і набагато менше навантаження на хостинг.
Як це впливає на Core Web Vitals і ранжування
З 2021 року Google включив Core Web Vitals у фактори ранжування. Найважливіший для магазинів — LCP: час до відображення найбільшого елемента сторінки. Зазвичай це головне фото товару. Якщо воно важить 2–4 МБ — LCP буде 5–8 секунд і Google знижує позиції. Після конвертації в WebP те саме зображення важить 300–600 КБ — LCP падає до 1.5–2.5 секунди і PageSpeed зростає на 20–40 балів.
модуль обробляє зображення
Менеджер завантажує JPG або PNG звичайним способом через адмін-панель. Модуль перехоплює подію завантаження, конвертує у WebP з налаштованою якістю і генерує кілька розмірів. Оригінал і WebP зберігаються — браузери без підтримки WebP отримають оригінал через тег picture. Жоден користувач не побачить зламаного зображення.
Таблиця до/після:
| Розмір зображення товару | 2–5 МБ PNG/JPG | 300–800 КБ WebP | −70–85% |
| LCP мобільні | 5–8 секунд | 5–8 секунд | 1.5–2.5 секунди | в 3–4 рази швидше |
| PageSpeed Mobile | 35–55 балів | 75–90 балів | +20–40 балів |
| Місце на хостингу | 80–150 ГБ | 15–35 ГБ | −70–80% |
| Час роботи менеджера | 1–2 год/день | 0 хвилин | 100% автоматизація |
Пакетна конвертація існуючого каталогу
Якщо магазин вже працює і має тисячі завантажених зображень у старих форматах — модуль запускає фоновий процес пакетної обробки. Конвертація йде у черги щоб не навантажувати сервер. 10 000 зображень — орієнтовно 4–8 годин у фоновому режимі. Прогрес відображається в адмін-панелі в реальному часі.
Сумісність з браузерами і fallback
WebP підтримують Chrome, Firefox, Edge і Safari 14+. Для старих браузерів модуль автоматично генерує HTML з тегом <picture> і fallback на оригінальний формат. 95%+ користувачів отримують оптимізовану WebP версію.
Інтеграція зі CDN
Якщо сайт використовує CDN (Cloudflare, BunnyCDN) — модуль автоматично інвалідує кеш після конвертації нових зображень. Нові WebP версії одразу доступні без ручного очищення кешу.
Кому підходить це рішення
- Магазини з великим каталогом (500+ SKU) — тисячі зображень у старих форматах навантажують хостинг і уповільнюють сторінки категорій
- Fashion і косметика — 5–10 фото товару з різних ракурсів без оптимізації це катастрофа для мобільних
- Магазини що запускають Google Ads — швидкість landing page впливає на Quality Score і CPC реклами
- SEO-проєкти — Core Web Vitals прямий фактор ранжування що дає конкурентну перевагу в пошуку
Аналізуємо формати і розміри зображень у каталозі, поточний PageSpeed і LCP. Рахуємо скільки місця займають оригінали і скільки можна звільнити після конвертації.
Встановлюємо і конфігуруємо модуль під WordPress або OpenCart. Налаштовуємо якість конвертації, розміри srcset і правила fallback для старих браузерів.
Перевіряємо конвертацію на різних типах зображень — продуктові фото, банери, іконки. Тестуємо відображення в різних браузерах і на мобільних пристроях.
Запускаємо фоновий процес обробки всіх завантажених зображень у чергах. Сайт працює в звичайному режимі під час всієї обробки. Прогрес відображається в адмін-панелі.
Якщо використовується CDN — налаштовуємо автоматичну інвалідацію кешу після конвертації. Нові WebP версії одразу доступні користувачам без ручних дій.
Заміряємо PageSpeed Insights і LCP до/після конвертації. Передаємо детальний звіт з цифрами покращення і рекомендаціями для подальшої оптимізації швидкості.
СУПУТНІ ПОСЛУГИ
При якості WebP 80–85% різниця між оригіналом і конвертованим зображенням непомітна людському оку. При потребі можна налаштувати якість вище (90–95%). Оригінальні файли зберігаються і доступні у будь-який момент.
Модуль автоматично генерує HTML з тегом picture де є і WebP і оригінальний формат. Браузер сам обирає що завантажити. Жоден користувач не побачить зламаного зображення — 95%+ отримають WebP версію.
Орієнтовно 4–8 годин у фоновому режимі залежно від потужності сервера. Процес йде у черги і не навантажує сервер — сайт працює в звичайному режимі під час всієї обробки.
Так. Розробляємо під WordPress/WooCommerce і OpenCart. Для кастомних CMS — також можливо за наявності API або прямого доступу до бази. WordPress — 1 тиждень, OpenCart — 1–2 тижні, кастомна CMS — 2–3 тижні.
Якщо головна проблема — важкі зображення (найпоширеніший випадок) — покращення PageSpeed Mobile на 20–40 балів реалістичне. Якщо є й інші проблеми — рекомендуємо комплексну оптимізацію. Безкоштовно проаналізуємо ваш сайт.
Ні. Модуль інтегрується з вашою поточною системою. Менеджери продовжують завантажувати фото так само як і раніше — конвертація відбувається автоматично в момент збереження файлу.
Уявіть, що ваш клієнт не просто обирає товар із сухого списку, а стає його «співавтором». Психологи називають це «ефектом IKEA»: ми значно більше цінуємо речі, до створення яких доклали власних зусиль. В e-commerce 2026 року цей принцип трансформувався у потужний інструмент — товарний конфігуратор. Для багатьох власників бізнесу конфігуратор досі здається дорогою «іграшкою» для сайту. […]
Найбільший виклик онлайн-торгівлі ховається не в логістиці чи платіжних системах, а в психології. Коли клієнт заходить у звичайний магазин, він використовує всі органи чуття: відчуває вагу смартфона, торкається фактури тканини дивана, чує звук закриття дверцят холодильника. В онлайні ж між покупцем і товаром стоїть скляний екран, який перетворює реальний продукт на набір пікселів, що робить […]
Уявіть, що ви продаєте базову футболку в 10 кольорах і 6 розмірах. Це 60 унікальних одиниць товару (SKU) лише для однієї моделі. А тепер помножте це на 100 найменувань у каталозі — ви отримуєте 6000 модифікацій, якими потрібно керувати в реальному часі. Коли асортимент зростає, звичайна логіка «додати в кошик» перестає працювати, а сайт ризикує […]
Автоматичне конвертування фото товарів у WebP: швидкість сайту і позиції в Google
Зображення товарів — найбільший чинник повільної роботи інтернет-магазинів. Менеджер завантажує PNG по 4 МБ, сторінка категорії з 48 товарами важить 200 МБ і вантажиться 8 секунд. Google знижує позиції. Кастомний модуль автоматичного конвертування фото від Kliox вирішує це повністю — без зміни робочих процесів команди.
Чому WebP а не просто стиснення JPEG
JPEG при 60–70% якості дає помітну пікселізацію на великих зображеннях меблів або одягу. WebP при тій самій якості дає файл в 2–3 рази менший. Для каталогів з тисячами товарів різниця у швидкості відчутна одразу після конвертації.
Зв’язок швидкості сайту і конверсії реклами
Якщо ви запускаєте контекстну рекламу або Google Shopping — швидкість landing page прямо впливає на Quality Score і вартість кліку. Після оптимізації швидкості і конвертації зображень клієнти Kliox фіксують зниження CPC на 15–25%. Замовте консультацію — проаналізуємо стан зображень вашого магазину безкоштовно.