Завантажили фото з телефону вагою 4 МБ, і сайт поповз? Кожен власник WordPress через це проходить. Зображення займають більше половини ваги середньої сторінки, і кожен зайвий кілобайт з’їдає швидкість, конверсію та позиції в Google.

За даними HTTP Archive за 2025 рік, медіана ваги десктопної сторінки перевалила за 2,5 МБ, і 60% цього обсягу, зображення. Найшвидша тема та дорогий хостинг не врятують, якщо ви ллєте неоптимізовані вихідні файли в медіатеку.

Нижче, сім плагінів, які розв’язують проблему автоматично: стискають JPEG і PNG, конвертують у WebP, обрізають гігантські роздільності та віддають зображення через CDN. Усі протестовані на реальних сайтах, усі працюють у 2026 році.

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

• 🧹 Підготуйте вихідні файли: формат, розмір і роздільність, три параметри, які варто перевірити до завантаження.
• ⚙️ Опануйте вбудовані інструменти: редактор медіафайлів і налаштування розмірів у WordPress закривають базові сценарії.
• 📊 Звіртеся з таблицею: порівняйте сім плагінів за типом стиснення, лімітами та ключовими фішками.
• 🔧 Оберіть під свою задачу: EWWW, безліміт на своєму сервері, ShortPixel, максимальне стиснення, Optimole, автопілот із CDN.
• 🧪 Перевірте результат: масова оптимізація, WebP-конвертація та lazy load, три функції, які мають бути ввімкнені у фіналі.

🏗️ Фундамент: підготовка зображень перед завантаженням

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

Правило, яке економить гігабайти: не покладайтеся лише на автоматику. Завантажувати вихідний файл із дзеркальної камери вагою 10 МБ у надії, що плагін усе виправить,, погана стратегія. Сміття на вході = сміття на виході.

📏 Фізичний розмір

Простір, який зображення займає на екрані, має відповідати його реальній ролі. Немає сенсу вантажити Full HD для мініатюри в сайдбарі. Сучасні адаптивні теми WordPress самі створюють технічні копії різних розмірів, вам достатньо не завантажувати вихідні файли ширші за 2500px без художньої потреби.

⚖️ Вага файлу

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

👁️ Роздільність

Плутанина з DPI трапляється повсюдно. Стандарт екранів, 72 точки на дюйм (історичний стандарт, що закріпився у вебі з часів перших Macintosh). Стокові фото часто йдуть із поліграфічною якістю 300 DPI, завантаження таких файлів у медіатеку витрачає ресурси сервера марно. Браузери не відображають додаткову щільність: згідно зі специфікацією CSS (W3C), одиниця px прив’язана до кутового розміру на дисплеї, а не до фізичного дюйма (MDN: CSS resolution). Виняток, Retina-екрани, для яких використовуються окремі техніки на кшталт файлів @2x.

📂 Тип файлу

Вибір формату, стратегічне рішення:

• JPEG: король фотографій. Стиснення з втратами (lossy), ідеальний для знімків із безліччю кольорів і градієнтів. Використовуйте прогресивний JPEG: на відміну від звичайного, він з’являється одразу цілком, поступово набираючи чіткість.

• PNG: вибір для графіки, логотипів, скриншотів із текстом і зображень із прозорим фоном. Стиснення без втрат (lossless), але важить більше за JPEG.

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

• GIF: анімація. Важкий і застарілий для відео, але незамінний для простих зациклених анімацій.

🛠️ Вбудовані інструменти WordPress

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

📐 Редагування медіафайлів

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

Корисно для швидких правок: забули зменшити зображення перед завантаженням, введіть нові значення ширини та висоти, натисніть Масштабувати. Готово.

⚙️ Налаштування медіа

Перейдіть у Settings → Media. Тут задаються розміри мініатюр, середніх і великих зображень, які WordPress генерує автоматично під час кожного завантаження. Підганяйте значення під дизайн теми — це прибере зайві файли та запобігатиме розтягуванню дрібних картинок, яке «замилює» верстку.

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

Перед детальним розбором, загальна картина. Сім плагінів, ключові відмінності, в одній таблиці.

1. EWWW Image Optimizer

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

• Плюси: безлімітне стиснення на своєму сервері; фонова робота без гальм в адмінці; функція Bulk Optimize пропускає вже стиснені файли; розумний ресайз гігантських фото під час завантаження.
• Мінуси: серверне стиснення навантажує процесор на слабкому хостингу; тонке налаштування потребує часу.
• Ціна: безплатно (серверне стиснення); хмарні тарифи від $7/міс (джерело).

🔗 EWWW на WordPress.org

2. ShortPixel Image Optimizer

ShortPixel дає одне з найагресивніших стиснень на ринку, до 90% від початкової ваги з практично непомітною різницею в якості (за даними розробника на сторінці плагіна). Працює через хмарне API: ваш сервер не навантажується. Безплатний тариф, 100 кредитів на місяць. Зважте: WordPress створює кілька мініатюр для кожного фото, тож одне завантаження може витратити 3-5 кредитів. Для невеликого блогу чи візитівки вистачає із запасом.

• Плюси: три рівні стиснення (Lossy / Glossy / Lossless); підтримка JPEG, PNG, GIF і PDF; автоматичний WebP; детальна статистика економії.
• Мінуси: кредитна модель незручна для сайтів із частими публікаціями; безплатний ліміт швидко закінчується на магазинах.
• Ціна: безплатно (100 кредитів/міс); Pro від $4.99/міс (джерело).

🔗 ShortPixel на WordPress.org

3. Smush Image Compression

Smush від команди WPMU DEV, ветеран із мільйонними встановленнями та найзручнішим інтерфейсом серед аналогів. Безплатна версія використовує стиснення без втрат: видаляє приховані метадані EXIF, не зачіпаючи пікселі. Вбудоване ліниве завантаження (lazy load) і детектор невідповідності розмірів, дві функції, які рідко зустрічаються в безплатних версіях.

• Плюси: гранично простий інтерфейс; вбудований lazy load; оптимізація в реальному часі під час завантаження; сканування зображень поза папкою Uploads.
• Мінуси: ліміт 5 МБ на файл у безплатній версії; немає конвертації у WebP без Pro; масова оптимізація потребує ручного запуску кожні 50 зображень.
• Ціна: безплатно; Pro від $3/міс (джерело).

🔗 Smush на WordPress.org

4. Compress JPEG & PNG Images (TinyPNG)

Знаменитий сервіс із пандою, тепер із прямою інтеграцією у WordPress. Алгоритми TinyPNG вважаються одними з найкращих у світі за співвідношенням «якість/вага» для PNG. Плагін автоматично оптимізує нові завантаження та дозволяє запустити масову обробку старих файлів. У налаштуваннях можна вказати, які розміри мініатюр стискати, заощаджуючи ліміти API: безплатно надається близько 500 стиснень на місяць.

• Плюси: найкращий у класі алгоритм для PNG; автоконвертація CMYK у RGB; немає обмеження на розмір файлу; графік економії в консолі.
• Мінуси: немає конвертації у WebP; 500 стиснень/міс, замало для активного сайту; немає вбудованого бекапу.
• Ціна: безплатно (~500/міс); Pro від $19/міс за 2 500 стиснень (джерело).

🔗 TinyPNG на WordPress.org

5. Imagify

Imagify, розробка команди WP Rocket, і це відчувається: інтерфейс естетичний, налаштування інтуїтивне. Три рівні агресивності: Normal (без втрат), Aggressive (значне стиснення) та Ultra (максимальне). Функція візуального порівняння дозволяє рухати повзунок по зображенню та бачити різницю до і після обробки, корисно, коли боїтеся артефактів.

• Плюси: візуальне порівняння до/після; авто-конвертація у WebP; бекап оригіналів із відновленням в один клік; авто-ресайз гігантських фото.
• Мінуси: безплатний ліміт, 20 МБ на місяць (за обсягом, не за кількістю); хмарна обробка потребує стабільного інтернету.
• Ціна: безплатно (20 МБ/міс); Pro від $4.99/міс за 500 МБ (джерело).

🔗 Imagify на WordPress.org

6. Imsanity

Imsanity вирішує одне завдання і робить це без компромісів: автоматично обрізає гігантські фото до розумних меж. Контент-менеджер або клієнт завантажує фото з iPhone роздільною здатністю 4000×3000 (стандартна роздільна здатність основної камери сучасних смартфонів, згідно зі специфікаціями Apple), плагін перехоплює завантаження, масштабує до заданого ліміту (наприклад, 1920px за шириною) і видаляє оригінал. Дисковий простір не забивається гігабайтами «сирих» вихідних файлів.

• Плюси: повністю безплатний; налаштування за 2 хвилини; окремі ліміти для записів, бібліотеки та теми; конвертація BMP і PNG у легший JPEG.
• Мінуси: не стискає файли, лише зменшує розміри; немає WebP; немає бекапу.
• Ціна: безплатно.

🔗 Imsanity на WordPress.org

7. Optimole

Optimole, найамбітніший із сімки. Це не просто компресор, а повноцінна хмарна платформа доставки зображень. Плагін визначає розмір екрана та тип пристрою відвідувача, генерує зображення ідеального розміру й віддає його через швидкий CDN. Якщо людина заходить з телефону, отримує маленьку версію, з 4K-монітора, велику. Усе автоматично, без жодного налаштування після активації.

• Плюси: повна автоматизація; адаптивна віддача + CDN з коробки; розумне кадрування з фокусом на головному об'єкті; накладання водяних знаків; просунутий lazy load із плейсхолдерами низької якості.
• Мінуси: безплатний ліміт прив'язаний до візитів (5 000/міс), а не до файлів; хмарна обробка означає, що файли покидають ваш сервер.
• Ціна: безплатно (5 000 візитів/міс); Pro від $22.52/міс (джерело).

🔗 Optimole на WordPress.org

💻 Код: вимкнення непотрібних розмірів зображень

Плагіни іноді генерують забагато технічних копій. Якщо ви точно знаєте, що певні розміри не використовуються темою, вимкніть їх. Код додається у functions.php дочірньої теми або через плагін Code Snippets.

Обов’язково зробіть повний бекап перед редагуванням. Помилка у functions.php викличе білий екран смерті, і сайт ляже до відновлення файлу через FTP.

1
/**
2
 * Отключаем генерацию ненужных размеров изображений.
3
 * Добавить в functions.php дочерней темы.
4
 */
5
function sdstudio_remove_unused_image_sizes( $sizes ) {
6
    unset( $sizes['medium_large'] ); // 768px — редко используется темами
7
    unset( $sizes['1536x1536'] );    // 2x medium_large
8
    unset( $sizes['2048x2048'] );    // 2x large
9
    return $sizes;
10
}
11
add_filter( 'intermediate_image_sizes_advanced', 'sdstudio_remove_unused_image_sizes' );

Що тут відбувається: хук intermediate_image_sizes_advanced викликається під час кожного завантаження зображення. Функція отримує масив розмірів, які WordPress збирається згенерувати, і прибирає з нього три вказані. Решта розмірів (thumbnail, medium, large) генеруються як зазвичай. Перевірте в налаштуваннях медіа, які розміри реально використовуються вашою темою, перш ніж вимикати.

📺 Відео: плагіни оптимізації в дії

Один із найкращих відеооглядів на тему, від команди Elegant Themes: вісім плагінів у порівнянні, від встановлення до заміру результатів.

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

Чи впливає стиснення зображень на позиції в Google?

Так, безпосередньо. Швидкість завантаження та Core Web Vitals, підтверджені фактори ранжування. За даними Google, імовірність відмови зростає на 32% зі збільшенням часу завантаження з 1 до 3 секунд. Оптимізовані зображення, найшвидший спосіб покращити показники PageSpeed.

Lossy чи Lossless, що обрати?

Lossless (без втрат) видаляє лише метадані: якість пікселів не змінюється, економія скромна. Lossy (з втратами) прибирає частину колірної інформації, яку око майже не розрізняє: економія до 80-90% ваги (за даними Google Developers, Web Fundamentals). Для фотографій на сайті обирайте lossy, для скриншотів із текстом і логотипів, lossless.

Чи обов’язково переходити на WebP?

У 2026 році, так. WebP важить на 25-30% менше за JPEG за тієї самої візуальної якості (за даними Google, Comparative Study of WebP, JPEG, and JPEG 2000). Усі сучасні браузери його підтримують. Шість із семи плагінів у цьому огляді вміють конвертувати у WebP автоматично.

У мене тисячі старих зображень. Що робити?

Запустіть Bulk Optimize у будь-якому з плагінів зі стисненням. На середньому хостингу обробка пари тисяч файлів займає 30-60 хвилин. Перед запуском зробіть бекап, на випадок конфлікту з іншим плагіном.

Чи може стиснення зіпсувати фото?

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

Що краще: стискати вручну чи плагіном?

Ідеальний воркфлоу, і те, і інше. Експортуйте зображення з редактора з розумною якістю (Save for Web у Photoshop із розумним рівнем стиснення для JPEG), а плагін нехай дожимає метадані та конвертує у WebP під час завантаження. Автоматика не замінює осмислену підготовку, але позбавляє рутини.

Який плагін оптимізації зображень обрати у 2026 році?

Оптимізація зображень — це не разова акція, а гігієна сайту. Ігноруєте її, втрачаєте швидкість, позиції та відвідувачів. Вибудували регулярний процес, отримуєте швидкий сайт, який подобається і Google, і людям.

Короткий розклад під типові сценарії:

• Вам важлива приватність і немає хмар, беріть EWWW IO. Серверне стиснення без зовнішніх API, безліміт на власному залізі.
• Потрібно витиснути максимум із кожного кілобайта, ставте ShortPixel. Три рівні стиснення, підтримка PDF, найкраща економія ваги у своєму класі.
• Хочеться натиснути одну кнопку й забути, Optimole. Хмарний CDN, адаптивна віддача під пристрій, нуль налаштувань після активації.
• Бюджет нульовий, сайт невеликий, Smush для простоти або Imsanity для захисту від гігантських фото.
• Працюєте з графікою та скриншотами, TinyPNG або Imagify. Перший, найкращий для PNG, другий, для візуального контролю якості.

На практиці добре працює зв’язка: Imsanity відсікає гігантські роздільності під час завантаження, а ShortPixel або EWWW дожимає вагу. Година налаштування сьогодні, і місяці швидкого завантаження завтра.