Завантажили пару фотографій товару, і сайт поповз. Сторінка вантажиться 6 секунд, Google PageSpeed Insights лається червоним, а відвідувачі йдуть, не дочекавшись.

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

Нижче, повне керівництво: від автоматичних плагінів до ручних інструментів. Кожен метод перевірено на живому сайті.

💡 Швидкий огляд:

• Перевірте поточну вагу зображень через GTmetrix або PageSpeed Insights.
• Поставте плагін автоматичного стиснення, Smush або Imagify для старту.
• Налаштуйте конвертацію у WebP або AVIF для додаткового виграшу.
• Добийте результат кешуванням і CDN для максимальної швидкості.

Навіщо взагалі стискати зображення

Файл JPEG з камери важить 3-8 МБ. Навіть після ресайзу WordPress до 1200px він рідко опускається нижче 300-500 КБ. Десять таких картинок на сторінці, і ви отримуєте 3-5 МБ графіки. На мобільній мережі це 8-12 секунд завантаження.

Google враховує швидкість як фактор ранжування з 2018 року, а з введенням Core Web Vitals у 2021 метрика LCP (Largest Contentful Paint) стала прямим сигналом. Зображення-герой на першому екрані, яке вантажиться довше 2,5 секунд, тягне позиції вниз.

Стиснення вирішує проблему радикально: ті самі 10 картинок після оптимізації важать 300-600 КБ сумарно. Користувач бачить сторінку миттєво, пошуковик не штрафує.

Спосіб 1: Плагіни автоматичного стиснення

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

Smush

Smush тримає планку найпопулярнішого плагіна стиснення: 1 мільйон активних встановлень і рейтинг 4,8 на WordPress.org. У нього три режими: Lossless (без втрат), Lossy (розумне стиснення з мінімальною різницею) і Super Lossy (максимальне стиснення).

Ключова фішка, ліниве завантаження (lazy load) вбудоване прямо в плагін. Картинки завантажуються тільки коли користувач докрутив до них — це знижує початкову вагу сторінки без додаткових інструментів.

• Плюси: автоматичне стиснення при завантаженні, масова оптимізація до 50 зображень за клік, сумісність із Multisite і Gutenberg.
• Мінуси: безплатна версія обмежена 5 МБ на файл, для фотографій із дзеркалки доведеться ресайзити вручну або брати Pro.
• Ціна: Free / Pro від $6 на місяць.
• Завантажити: 🔗 Smush на WordPress.org

Imagify

Imagify роблять ті самі хлопці, що й WP Rocket, один із найкращих плагінів кешування. Логіка та сама: все працює з коробки, без танців із налаштуваннями.

Три режими стиснення, Normal, Aggressive та Ultra, покривають будь-який сценарій. Для блогу вистачає Aggressive: різниця з оригіналом непомітна, а розробники заявляють про економію до 70%. Вбудоване резервне копіювання дає змогу відкотити зображення до початкового стану та спробувати інший режим.

• Плюси: чесне стиснення без артефактів, бекап оригіналів, інтуїтивний інтерфейс.
• Мінуси: безплатний ліміт, 250 зображень на місяць (20 МБ), для великих сайтів потрібен тариф.
• Ціна: Free / від $4,99 на місяць за безліміт.
• Завантажити: 🔗 Imagify на WordPress.org

Optimole

Optimole працює інакше: стиснення відбувається в хмарі, а зображення роздаються через CDN. Сервер не навантажується взагалі, весь процес на стороні Optimole.

Розумна фішка, адаптивна роздача. Плагін визначає роздільну здатність екрана відвідувача та віддає картинку відповідного розміру. З телефону не вантажиться десктопний original на 2000px.

• Плюси: хмарна обробка без навантаження на сервер, адаптивні розміри, вбудований CDN, водяні знаки у Pro.
• Мінуси: безплатний ліміт, 5 000 відвідувань на місяць, для зростаючого трафіку потрібен платний план.
• Ціна: Free / від $22,52 на місяць.
• Завантажити: 🔗 Optimole на WordPress.org

WP-Optimize

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

Підтримує PNG, JPG, GIF, BMP і TIF. Масове стиснення, автооптимізація нових завантажень і відновлення оригіналів, усе на місці. Безплатної версії достатньо для більшості особистих сайтів і блогів.

• Плюси: три функції в одному плагіні, широке охоплення форматів, автоматичне фонове виконання.
• Мінуси: преміум-функції (Multisite, ліниве завантаження) лише в Pro, інтерфейс перевантажений вкладками.
• Ціна: Free / Pro від $49 на рік.
• Завантажити: 🔗 WP-Optimize на WordPress.org

TinyPNG (плагін для WordPress)

TinyPNG переніс свій знаменитий онлайн-компресор у плагін для WordPress. Алгоритм вибірково зменшує кількість кольорів у PNG та оптимізує JPEG, на виході файл виглядає ідентично, а важить удвічі менше.

Підтримує Multisite, WooCommerce, анімовані PNG і не має обмеження за розміром файлу, рідкісна перевага в безплатній версії.

• Плюси: необмежений розмір файлу, інтеграція з WooCommerce, підтримка анімованих PNG.
• Мінуси: потрібна реєстрація на сайті TinyPNG та API-ключ, безплатний ліміт, 500 зображень на місяць.
• Ціна: Free (до 500 стискань) / платні тарифи на сайті.
• Завантажити: 🔗 TinyPNG на WordPress.org

Robin Image Optimizer

Robin Image Optimizer вирізняється відсутністю штучних лімітів. Жодних обмежень за кількістю стискань, розміром файлу чи місячним обсягом, усе безплатно й без каверз.

Три режими стискання плюс фонова оптимізація через WordPress Cron. Плагін регулярно оновлюється, на червень 2026 активна версія 2.0.5, 100 000+ активних установок.

• Плюси: повністю безплатний без лімітів, конвертація у WebP та AVIF, фонова робота через Cron.
• Мінуси: менше додаткових функцій, ніж у конкурентів, немає вбудованого CDN.
• Ціна: Free.
• Завантажити: 🔗 Robin на WordPress.org

Порівняльна таблиця плагінів

Спосіб 2: Онлайн-інструменти без плагіна

Не хочете встановлювати плагін, стискайте зображення до завантаження. TinyPNG.com приймає PNG і JPEG до 5 МБ, до 20 файлів за раз, до 100 на місяць безплатно. Перетягнули мишкою, отримали стиснений результат, завантажили в медіатеку вже оптимізованим.

Альтернативи: Squoosh від Google (працює просто в браузері, показує «до/після» пліч-о-пліч), ShortPixel (онлайн-версія з пакетною обробкою), Compressor.io (підтримує JPEG, PNG, SVG, GIF і WebP).

Ручний метод добрий для разових завдань: підготували 5-10 зображень для статті й завантажили. Але для регулярного контенту плагін економить години, не треба пам’ятати про стиснення перед кожним завантаженням.

Спосіб 3: Конвертація у WebP та AVIF

Сучасні формати — це не окремий інструмент, а завершальний штрих. Зображення вже стиснуте плагіном, але все ще у JPEG. За даними Google, конвертація у WebP зменшує розмір ще на чверть без видимих змін.

Усі плагіни з таблиці вище вміють автоматично генерувати WebP-копії під час завантаження. Якщо використовуєте ручний метод, конвертуйте через Squoosh або CloudConvert перед завантаженням у медіатеку.

Важливий нюанс: WebP підтримують усі сучасні браузери (Chrome, Firefox, Safari, Edge). AVIF дає ще сильніше стиснення, але підтримка вужча, тому для масового сайту надійніше обрати WebP як основний формат із JPEG-фолбеком.

Що ще пришвидшує WordPress, окрім стиснення

Стиснення зображень дає найпомітніший приріст, але не вирішує всього. Інші важелі швидкості:

Кешування сторінок

Кожен візит на WordPress-сайт запускає PHP-процесор, десятки запитів до бази даних і складання сторінки з нуля. Кешування зберігає готову HTML-версію та віддає її миттєво.

Якщо хостинг не надає вбудованого кешу з коробки, встановлюйте W3 Total Cache (безкоштовний, гнучкий) або WP Rocket (преміальний, налаштовується за 5 хвилин).

CDN, мережа доставки контенту

Ваш сервер розташований у Нідерландах, а відвідувач, із Бразилії. Кожен кілометр додає затримку. CDN копіює статику (зображення, CSS, JS) на десятки серверів по всьому світу та віддає з найближчого до користувача.

Jetpack пропонує безкоштовний CDN для зображень у своєму базовому модулі. Для повного охоплення (вся статика) зверніть увагу на Cloudflare, безкоштовний тариф покриває потреби середнього сайту.

Хостинг

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

Перехід із загального хостингу на VPS часто дає приріст швидкості, зіставний зі стисненням зображень, без жодної зміни в коді сайту.

Оптимізована тема

Тема з конструктором сторінок тягне за собою мегабайти CSS і JavaScript. Легка тема без візуального білдера — це мінус 200-400 мс до часу завантаження просто від зміни шаблону. Перевірте швидкість своєї теми через той самий GTmetrix на чистому встановленні WordPress, результат часто дивує.

GZIP-стиснення

Сервер стискає HTML, CSS і JS перед надсиланням у браузер, як ZIP для вебсторінок. На зображення GZIP не діє (вони вже стиснуті), але текстові ресурси зменшує в рази.

Перевірте, чи ввімкнено GZIP: відкрийте DevTools → Network → знайдіть будь-який CSS-файл → заголовок відповіді content-encoding: gzip. Якщо немає, додайте в .htaccess:

1
<IfModule mod_deflate.c>
2
  AddOutputFilterByType DEFLATE text/html text/css text/javascript
3
  AddOutputFilterByType DEFLATE application/javascript
4
  AddOutputFilterByType DEFLATE application/xml
5
  AddOutputFilterByType DEFLATE image/svg+xml
6
</IfModule>

Файл лежить у корені сайту, доступний через FTP або файловий менеджер хостингу. Перед редагуванням зробіть копію, пошкоджений .htaccess кладе сайт.

Як перевірити, чи потрібна оптимізація

GTmetrix, безкоштовний бенчмарк, який розкладає швидкість по поличках. Вводите URL, обираєте сервер ближче (доступні США, Канада, Велика Британія, Індія, Австралія, Бразилія) і за хвилину отримуєте звіт.

Ключові метрики: LCP (скільки вантажиться основний контент), TBT (скільки процесор зайнятий задачами), загальна вага сторінки та окремо вага зображень. Якщо вкладка «Images» світиться червоним, ви за адресою, описані вище методи вирішать проблему.

Альтернативи: Google PageSpeed Insights (ті самі дані, що бачить пошуковик), WebPageTest (детальний waterfall зі сценаріями), Pingdom (простий і швидкий).

⁉️🤔 Часті питання

Стискати до завантаження чи після?

Краще автоматично після: плагін підхоплює кожне завантаження і не дає забути. Але якщо у вас фотографії по 8-10 МБ з камери, попередньо зробіть ресайз до 2000px по довгій стороні, WordPress створить адекватні мініатюри, а плагін стисне їх ще. Оптимальний workflow: ресайз на комп'ютері до розумної роздільної здатності, завантаження в медіатеку, автоматичне стиснення плагіном із конвертацією у WebP. Подвійний виграш без зайвих рухів.

Чи страждає якість після сильного стиснення?

При lossy-стисненні різниця видна лише при попіксельному порівнянні. Людське око не розрізняє помірну втрату даних у JPEG. Якщо зображення не для портфоліо фотографа, сміливо ставте Aggressive-режим в Imagify або Lossy у Smush. Для товарних карток інтернет-магазину втрата якості критична, покупець має розгледіти текстуру тканини або деталі корпусу. У цьому випадку використовуйте Lossless (стиснення без втрат): воно дасть скромну економію, але збереже кожну деталь.

Що робити з уже завантаженими зображеннями?

Усі плагіни з таблиці вище вміють масову оптимізацію: один клік, і медіатека проганяється через компресор. Перед запуском зробіть бекап сайту, масова операція незворотна без вбудованого резервного копіювання (є в Imagify та WP-Optimize). Якщо зображень більше тисячі, запускайте оптимізацію вночі або порціями: деякі хостинги обривають довгі процеси за таймаутом. Гарна практика: спершу прогнати 10-20 зображень, перевірити результат, потім запускати повну медіатеку.

Який плагін обрати для початку?

Якщо сайт невеликий і хочеться безкоштовно, Robin або Smush. Потрібен комбайн (стиснення плюс кешування), WP-Optimize. Хмарна роздача та адаптивні розміри важливі, Optimole. Цінуєте простоту і якість без заморочок, Imagify. На тестовому сайті ми проганяли одну й ту саму медіатеку через три плагіни: Imagify дав найкращий баланс розміру та візуальної якості, Smush виявився найшвидшим за часом обробки, а Optimole повністю зняв навантаження з сервера. Конкретний вибір залежить від пріоритетів.

Що робити просто зараз: покроковий план

Порядок дій, який займе 30 хвилин і дасть відчутний результат сьогодні:

• Відкрийте GTmetrix, введіть URL сайту та запишіть поточну вагу сторінки й бал швидкості — це точка відліку.
• Поставте Smush або Imagify, обидва безкоштовні й запускаються у два кліки. Увімкніть автоматичне стиснення.
• Запустіть масову оптимізацію наявної медіатеки, усі накопичені за роки зображення стиснуться за один прохід.
• За кілька днів повторіть тест у GTmetrix. Вага сторінки має помітно впасти, а бал, піднятися в зелену зону.
• Залишився червоний, підключіть кешування (W3 Total Cache) і CDN (Cloudflare). Ці три кроки разом витягують практично будь-який сайт.

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