Оптимізуйте зображення для WordPress 5 Популярні плагіни для стиснення зображень; RAIDBOXES
Зміст
Оптимізація графіки та зображень для вашого веб-сайту WordPress - це простий і важливий крок у покращенні часу завантаження. Тим більше вражає те, як багато користувачів WordPress все ще завантажують свої оригінальні зображення без заходів оптимізації. Щоб ви не зробили тієї ж помилки, сьогодні я покажу вам п'ять популярних плагінів WordPress, які повністю позбавляють вас від стиснення ваших зображень.
Як оператор веб-сайту, ви завжди повинні стежити за часом завантаження вашого веб-сайту WordPress. Зрештою, швидший час завантаження позитивно впливає на взаємодію з потенційними клієнтами, рейтинг пошукової системи та, в ідеалі, ваші конверсії.
Чому оптимізація зображень так важлива в WordPress
Використання плагінів кешування (або кешування на стороні сервера), стиснення даних за допомогою gzip або Brotli, видалення зайвих плагінів, перехід на HTTPS та перехід на швидший хост - популярні кроки для покращення часу завантаження вашого веб-сайту WordPress . Особливо в магазинах WooCommerce, яким потрібна велика кількість зображень товару, часто спочатку повертають інші гвинти, щоб скоротити час завантаження.
Важливим заходом, яким оператори веб-сайтів зазвичай нехтують, є оптимізація зображень. Чого багато хто не знає: як тільки ви завантажуєте зображення у свою медіатеку, WordPress автоматично створює три додаткові формати: великий (представлене зображення), середній та малий формат (попередній перегляд зображення).
Тож якщо ви думаєте, що просто так a Завантаживши зображення, насправді є чотири нових файли, включаючи метаінформацію, які сервер повинен обробити. Існують навіть теми, які автоматично генерують 10 або більше розмірів зображення.
Якщо ви екстраполюєте ці різні формати на кількість усіх зображень, якими ви користуєтесь, стає зрозумілим, що оптимізація ваших зображень для WordPress варто!
Збереження менших зображень - це лише перший крок
Першим заходом оптимізації є зменшення вихідних зображень за допомогою Photoshop або подібної програми перед їх завантаженням. Однак для того, щоб якнайшвидше вичерпати час завантаження, вам слід стиснути всі зображення на вашому сайті - включаючи файли зображень, автоматично створені WordPress.
Різниця між "втратою" та "втратою"
При стисненні зображень існує різниця між стисненням із втратами та без втрат, що в принципі пояснюється назвами:
На без втрат Стиснення, різниця в якості між зображенням до та після стиснення практично непомітна. Часто видаляється в основному зайва метаінформація з файлу зображення, щоб заощадити зайві кілобайти. На з втратами Стиснення може погіршити якість зображення за рахунок зменшення кольорів та роздільної здатності. З іншого боку, стиснення з втратами може значно заощадити розмір файлу.
За допомогою правильного плагіна стиснення зображення стає легким
Зменшивши розмір оригінальних зображень перед завантаженням їх на ваш сайт WordPress, ви випереджаєте багатьох операторів сайтів. Однак для оптимізації вашої існуючої медіатеки ретроспективно та для автоматизації стиснення нових зображень плагіни є найбільш очевидним рішенням. Ось чому сьогодні я хотів би показати вам п’ять популярних плагінів WordPress, які допоможуть вам оптимізувати ваші зображення.
№1: оптимізуйте зображення WordPress за допомогою WP Smush
Активні установки: понад 1 мільйон
Рейтинг: 4,8 зірки (5282 відгуки)
Підтримувані формати: JPG, PNG, GIF (Pro: конвертувати в WebP)
Безкоштовно: Розмір зображення макс. 5 МБ, масове стиснення макс. 50 зображень
Стиснення: без втрат (безкоштовно) та з втратами (Pro)
Як показує понад мільйон інсталяцій та понад 4500 оглядів, WP Smush від WPMU DEV є одним з найпопулярніших плагінів для оптимізації зображень. WP Smush доступний у безкоштовній версії та платній про-версії. Зараз існує навіть можливість використовувати WP Smush Pro як окремий інструмент (без членства в WPMU DEV) за 60 доларів на рік.
Що пропонує безкоштовна версія WP Smush?
Як і у більшості плагінів, безкоштовна версія WP Smush має деякі обмеження. У безкоштовній версії ви можете стискати лише зображення розміром до 5 МБ, на відміну від 32 МБ у WP Smush Pro. Крім того, за версією WPMU DEV оптимізація зображення працює на 200 відсотків швидше у версії Pro.
Ось що самі колеги з WPMU DEV говорять про безкоштовну оптимізацію зображення за допомогою WP Smush:
Він ідеально підходить для людей з мінімальними потребами в розмитті, але оскільки він обмежений 5 МБ, він не настільки чудовий для тих, кому доводиться серйозно розмиватись, наприклад, для фотографів.
Крім того, у безкоштовній версії ви можете лише стискати без втрат. Найвищий рівень стиснення “Super Smush”, який використовує алгоритм втрат, доступний лише у версії Pro. Наразі стиснення обмежено 50 зображеннями у безкоштовній версії.
№2: Оптимізуйте зображення за допомогою EWWW Image Optimizer
Активні установки: понад 800 000
Рейтинг: 4,7 зірки (893 відгуки)
Підтримувані формати: JPG, PNG, GIF, PDF
Безкоштовно: лише на власному сервері (без API)
Стиснення: без втрат (безкоштовно) та з втратами (Pro)
Що пропонує безкоштовна версія EWWW Image Optimizer?
На відміну від інших плагінів у цьому списку, стиснення зображення у безкоштовній версії EWWW Image Optimizer відбувається на вашому сервері. Однак для роботи плагіна вам потрібна функція exec (), яку багато хостери не дозволяють з міркувань безпеки. До речі, це стосується і RAIDBOXES.
У цій статті розробники EWWW IO пояснюють, що таке функція exec (). Якщо ви все ще хочете використовувати EWWW IO, ви можете використовувати API служби. Однак цей варіант платний.
№ 3: Стиснення зображень за допомогою стиснення зображень JPEG та PNG
Активні установки: понад 200 000
Рейтинг: 4,4 зірки (134 відгуки)
Підтримувані формати: JPG, PNG
Безкоштовно: приблизно 100 зображень на місяць
Стиснення: без втрат
Що пропонує безкоштовна версія Compress JPEG & PNG Images?
Compress JPEG & PNG Images - це офіційний плагін для популярних інструментів стиснення в Інтернеті TinyPNG та TinyJPG. У безкоштовній версії плагіна ви можете стискати близько 100 зображень на місяць.
Однак з такими контингентами зображень, як цей, ви повинні пам’ятати, що не лише оригінальне зображення, але й автоматично сформовані в WordPress формати також будуть оптимізовані та вирахувані з вашої вартості зображення.
За словами розробників TinyPNG та TinyJPG, служба може стискати зображення JPEG в середньому на 40-60 відсотків, а зображення PNG на 50-80 відсотків без видимих втрат якості.
No 4: Оптимізуйте зображення WordPress за допомогою Imagify
Активні установки: понад 400 000
Рейтинг: 4,5 (відгуки 870)
Підтримувані формати: JPG, PNG
Безкоштовно: Розмір зображення макс. 2 МБ, завантаження макс. 25 МБ на місяць та 25 МБ один раз при реєстрації
Стиснення: з втратами та без втрат
Що пропонує безкоштовна версія Imagify?
Imagify - це плагін від WP Media, стартап за відомим плагіном WP Rocket. У безкоштовній версії ви можете стискати до 25 МБ зображень на місяць, що, на думку виробників Imagify, відповідає приблизно 250 зображенням. Після реєстрації ви також отримаєте одноразовий кредит у розмірі 25 МБ на контингент завантаження.
Imagify пропонує три різні рівні стиснення:
Звичайний: Це стиснення без втрат. Видима якість зображення не змінюється.
Агресивний: Цей рівень є втратним, але лише незначною втратою якості зображення. За даними Imagify, у більшості випадків ця втрата ледь помітна.
Ультра: Це найсильніший рівень стиснення плагіна, що відповідно призводить до втрати якості, але економить найбільше місця.
№5: Оптимізуйте зображення WordPress за допомогою ShortPixel
Активні установки: понад 200 000
Рейтинг: 4,6 зірки (562 відгуки)
Підтримувані формати: JPG, PNG, GIF, PDF
Безкоштовно: 100 зображень на місяць
Стиснення: з втратами та без втрат
Що пропонує безкоштовна версія ShortPixel?
У безкоштовній версії ShortPixel ви можете стискати максимум 100 зображень на місяць. Зображення чи файли, які плагін не може стиснути більш ніж на 5 відсотків, справедливості заради не будуть вираховуватися з вашої вартості зображення. Ще однією перевагою є можливість оптимізації не тільки зображень, але і файлів PDF.
Ще одним плюсом є те, що оптимізація з втратами також можлива у безкоштовній версії, і розмір завантажених зображень не обмежений.
Висновок: Автоматизована оптимізація зображень за допомогою плагінів економить час
І це навіть двічі: з одного боку, вам і вашим клієнтам не потрібно оптимізувати вручну, а з іншого боку, ви економите час завантаження завдяки автоматичному стисненню зображень.
У періоди, коли кожна мілісекунда враховує ефективність вашого веб-сайту, оптимізація зображення - це міра, яку ви повинні максимально використати.
Який плагін для оптимізації зображень є найкращим рішенням для вас, важко відповісти загалом. Зрештою, все залежить від того, скільки ваших фотографій потрібно оптимізувати згодом і скільки нових.
Якщо ви завантажуєте лише кілька зображень на місяць, а також використовуєте файли PDF на своєму сайті WordPress, ShortPixel - хороший вибір. Якщо ви не хочете покладатися на сторонні сервери для оптимізації ваших зображень, і ваш хост це дозволяє, EWWW.IO - хороший вибір. Для компаній, які регулярно виробляють контент і завантажують багато зображень, може бути корисним WP Smush PRO, поряд з іншими функціями WPMU DEV. Наприклад, це стосується нас.
Гасло максимальної оптимізації: "Двоє - краще"
Якщо ви хочете витратити якомога менше часу на оптимізацію своїх зображень, платні плагіни, мабуть, найкращий вибір. Тому вам не доведеться постійно турбуватися про вичерпані мегабайти або контингенти зображень, а оптимізація працює автоматично у фоновому режимі.
Якщо ви можете витратити трохи більше часу і хочете отримати максимальну віддачу від стиснення, вам слід навіть “подвоїти оптимізацію”. Це підхід, якого ми в RAIDBOXES дотримуємось якнайкраще. Навіть перед тим, як завантажувати зображення в медіатеку, ми адаптуємо його до необхідного розміру та експортуємо з найнижчою можливою роздільною здатністю.
Наприклад, у Photoshop є можливість зберігати зображення спеціально для використання в Інтернеті. Ви можете знайти команду для цього в розділі "Файл" та "Зберегти для Інтернету". Ми також використовуємо WP Smush Pro, який автоматично стискає кожне зображення, завантажене в WordPress, і видаляє непотрібну метаінформацію.
Я сподіваюся, що відповідний плагін для ваших потреб є у списку. Якщо у вас є ще одна рекомендація щодо плагіна для оптимізації зображень у WordPress, я з нетерпінням чекаю вашого коментаря.