Перш ніж приступати до оптимізації зображень WordPress, необхідно мати деякі базові знання про формати зображень і знати, що таке оптимізація зображення. Два найпоширеніші формати в Інтернеті: PNG з розширенням .png та JPG із розширенням .jpg. JPEG - найкращий формат для фотографій, зображень із градієнтами та зображень з мільйонами кольорів. З іншого боку, PNG краще для обмежених кольорових зображень, таких як логотипи та зображення з прозорістю.

Оптимізація файлу - це процес зменшення розміру для прискорення часу завантаження. Це стиснення може бути з втратами або без втрат.

оптимізувати

Наступний приклад покаже вам, наскільки важливо правильно вибрати формат зображення для оптимізації зображень без втрати якості. Ми збираємося зберегти зображення, яке ви бачите вище, в обох форматах. Розмір зображення PNG має розмір 967 КБ при зміні розширення на .jpg зменшується більш ніж на 80%. Немає більш простого способу заощадити стільки місця за так мало зусиль. Нижче наведено порівняння обох зображень.

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

Плагіни для оптимізації зображень WordPress

1. Смутне стиснення та оптимізація зображень

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

WP Smush дозволяє стискати розмір зображення JPEG, GIF та PNG до 32 МБ окремо або навалом, до 50 файлів у своїй безкоштовній версії. Плагін працює, видаляючи метадані з файлів JPEG, оптимізуючи стиснення JPEG, перетворюючи певні GIF-файли в індексовані PNG-файли та видаляючи невикористані кольори з індексованих зображень. Ви також можете налаштувати автоматична оптимізація так що всі нові зображення автоматично стискаються при завантаженні на ваш сайт.

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

2. EWWW Image Optimizer

Плагін EWWW Image Optimizer оптимізує автоматично і без втрат завантажуйте їх на свій сайт. Ви також можете оптимізувати завантажені раніше зображення WordPress.

Однією з переваг EWWW Image Optimizer є те, що процес зменшення ваги фотографій виконується на власних серверах за замовчуванням, а не підключається до зовнішньої служби. Це означає що завдання оптимізації вимагатимуть менше часу, що може бути корисним при роботі з великими медіатеками, як файли середнього розміру (3. ShortPixel Image Optimizer

ShortPixel не тільки добре оцінює оптимізацію зображень в Інтернеті, але й включає приємний інтерфейс, що ніколи не болить. Після встановлення та активації плагіна кожен завантажений файл JPG, PNG та GIF буде автоматично оптимізований. Цей плагін, на відміну від попередніх, не дозволяє вам деактивувати цю опцію.

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

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

Щоб налаштувати плагін wordpress для оптимізації зображень, ShortPixel, вам буде запропоновано ввести ключ API під час процесу активації, який надається вам безкоштовно, коли ви реєструєтеся електронною поштою до їх списку підписки і не вимагає додаткових інформація. Безкоштовна реєстрація дає вам право 100 стиснення зображень на місяць.

Програми для зменшення розміру ваших фотографій

4. Змінювач розміру світлих зображень

Ми вже детально говорили з вами в іншому дописі про цей інструмент. Просто натисніть тут, щоб побачити його та отримати доступ до всієї інформації про те, як використовувати Light Image Resizer для оптимізації зображень WordPress.

5. Фотошоп

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

Спочатку, завантаживши свою фотографію, перейдіть у верхній пункт меню Зображення> Розмір зображення.

Змініть розміри зображення та роздільну здатність. Ми рекомендуємо, як і у Light Image Resizer, залишити роздільна здатність 72 пікселі/дюйм. Застосувати зміни. Нарешті, збережіть своє зображення за допомогою Файл> Експорт> Зберегти для Інтернету, Цей варіант ще більше зменшить вагу вашого зображення. Просто виконавши ці невеликі корективи, ви зможете оптимізувати фотографії WordPress на 50%.

Якщо ви не можете стиснути зображення для Інтернету в Інтернеті у Photoshop, оскільки у вас немає ліцензії, ви можете використовувати Фарба. Вставте зображення та виберіть опцію Змініть розмір. Рівень скорочення не такий високий, але менше - це нічого.

Інструменти стиснення в Інтернеті

6. TinyPNG

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

7. Веб-Resizer

За допомогою WebResizer ви можете зменшити розмір фотографії до 60-70% В більшості випадків. Найкраще в цьому інструменті є те, що він приймає майже всі формати зображень, ви можете оптимізувати файли jpg, png або навіть gif. Ви також можете обрізати або облямати зображення, вибрати розміри та встановлені значення якість, експозиція, насиченість, контраст тощо.

8. Компресор.io

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

9. Optimizilla

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

10. ImageSmanler

ImageSmaller має той самий недолік, що і Compressor.io, він не має можливості масового завантаження. Однак у нього є одне з найбільших обмежень на завантаження, до 50 МБ. Якщо у вас є дуже великі файли, які ви хочете оптимізувати, ImageSmaller може бути ідеальною програмою для зниження версії фотографій.

11. ImageOptim

Photo Compressor для Windows і Linux - це чудовий зменшувач зображень для публікації фотографій в Інтернеті. Це ідеальний оптимізатор зображень для wordpress, щоб уникнути викриття приватної інформації. Оскільки він видаляє позицію GPS та серійний номер камери. За допомогою цього компресора ви можете оптимізувати цілі папки зображень, просто перетягуючи їх, а після завершення процесу оптимізації ImageOptim вказує, наскільки зменшено файл.

12. Iloveimg

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

Переваги оптимізації зображень вашого веб-сайту

  • Ваш веб-сайт буде швидшим.
  • Ваш показник Google PageSpeed ​​покращиться.
  • Google любить веб-сторінки, які завантажуються швидко, тож ви отримаєте кращу позицію в пошукових системах.
  • Швидкість відмов буде меншою, і ви залучите більше відвідувачів на свою сторінку.
  • Вам знадобиться менший обсяг пам’яті на ваших серверах, і ви витратите менше ресурсів.
  • Ви заощадите гроші на швидкості мобільного передавання даних користувачів, які вас відвідують.

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