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

оптимізації

Існує ряд сторінок, інструментів та плагінів для вдосконалення WordPress WPO, тобто зменшити час завантаження веб-сайту.

Насправді, я вже говорив про цю тему в інших дописах:

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

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

Оптимізуйте зображення в WordPress: зменшіть їх вагу, не втрачаючи якості

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

Давайте подивимось, які характеристики та особливості кожного з них:

# 1 Смутний

Повна назва цього плагіна - Smush - стиснення, оптимізація та ліниве завантаження зображень і саме її я використовую як на своїх веб-сайтах, так і на своїх клієнтах.

Його експлуатація дуже проста. Вам просто потрібно встановити його та розпочати оптимізацію зображень, завантажених у WordPress.

Зокрема, подбає про плагін змінити розмір, оптимізувати та стиснути всі зображення WordPress.

Для цього після встановлення ви будете Мультимедіа> WP Smush і з’явиться таке повідомлення, яке вказує кількість зображень у вас без оптимізації.

Щоб розпочати процес оптимізації, вам просто потрібно натиснути синю кнопку "Наважна смуга зараз" і зображення автоматично стискаються.

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

З цього моменту, зображення, які ви завантажуєте на свій веб-сайт, будуть автоматично стиснуті.

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

Це дуже просто, правильно?

# 2 EWWW Image Optimizer

EWWW Image Optimizer це плагін, робота якого дуже схожа на попередню.

Цей плагін дбає про автоматичну оптимізацію ваших зображень під час завантаження їх на ваш веб-сайт.

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

№3 Compressor.io

Компресор.io це веб-інструмент, який я регулярно використовую для зменшення ваги зображень без втрати якості.

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

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

Нарешті, зауважте, що цей інструмент дозволяє стискати файли у різних форматах: JPG, PNG, GIF та SVG.

# 4 ShortPixel

ShortPixel Це один з останніх інструментів для стиснення зображень, який я знав, завдяки тому, що його розробники зв’язалися зі мною та запропонували спробувати.

Доступний у дві модальності різне: веб-версія та плагін для WordPress.

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

Якщо ви виберете встановити плагін, вам доведеться пов’язати інструмент з його API, і як тільки ви це зробите, ви зможете почати користуватися ним.

Плагін включає три варіанти стиснення: з втратою, глянцевим та без втрат (рекомендованим є перший).

Серед його видатних особливостей можна назвати такі:

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

Якщо ви виберете веб-версія, в shortpixel.com Ви можете стиснути одночасно до 50 зображень у форматах JPG, PNG та GIF максимум до 10 МБ. Крім того, це дозволяє стискати файли у форматі PDF.

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

# 5 Стискання JPG та PNG

compressjpeg.com Y compresspng.com це два онлайн-інструменти для стиснення зображень у форматі JPG та PNG.

Його робота дуже схожа на compressor.io, хоча його основна відмінність полягає в тому дозволяє завантажувати та стискати декілька зображень одночасно (до 20).

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

# 6 Optimizilla

Як і в двох попередніх випадках, у optimizilla.com Ви можете стискати до 20 зображень одночасно, зменшуючи їх розмір, але не якість.

Просто натисніть на мініатюри зображень, на які ви завантажуєте встановити бажану якість. Ви також можете використовувати повзунок для контролювати рівень стиснення а мишкою до порівняти зображення.

# 7 Уявіть

Уявіть Він також доступний у двох різних форматах: веб-інструмент та плагін WordPress.

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

  1. Прискоріть роботу веб-сайту з чіткішими зображеннями, щоб набрати швидкість, а також покращити взаємодію з користувачем, а також SEO.
  2. Економити час тому ви перестанете коригувати свої зображення, оскільки вони автоматично оптимізуються.
  3. Не жертвуйте якістю, Він відповідає за зменшення ваги ваших зображень без шкоди для їх якості.

# 8 Optimizer.io

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

Зображення надсилаються безпосередньо на ваші власні сервери у фоновому режимі.

Інструмент відповідає за їх максимальне зменшення без втрати якості та повертає їх на ваш оптимізований веб-сайт.

Якщо ви хочете завантажити цей плагін для WordPress, ви можете зробити це безпосередньо на optimizer.io

# 9 Squoosh

Squoosh - це інструмент Google для зміни розміру та стиснення зображень.

Його експлуатація дуже проста. Вам просто потрібно зайти на їх веб-сайт, вибрати зображення, яке ви хочете стиснути з комп’ютера, або перетягнути його безпосередньо, щоб продовжити його оптимізацію.

Після завантаження можна вибрати різні параметри для оптимізації зображення:

  • Змініть його розмір.
  • Зменште палітру кольорів.
  • Виберіть формат: JPG, PNG, Інтернет тощо.
  • Виберіть якість.

Крім того, інструмент дозволяє повертати зображення простим клацанням миші.

Коли ви налаштували всі параметри відповідно до своїх потреб, ви можете завантажити своє оптимізоване та стиснене зображення.

# 10 Зміна розміру.app

зміна розміру.app - це інструмент, який дозволяє змінювати розмір ваших зображень в Інтернеті.

Я люблю цей додаток з кількох причин:

  • Можна поставити розмір, який потрібно для кожного зображення що змінює розмір.
  • На додаток до зміни та зменшення його розміру, це також оптимізує вагу зображень.
  • Це дозволяє змінити формат файлу -, перехід від PNG до JPG, наприклад, дуже цікава утиліта.
  • Він також доступний як розширення для Chrome, тому вам просто потрібно встановити його у своєму браузері, щоб оптимізувати ваші зображення.

# 11 Промо

Промо це сторінка, де ви можете безкоштовно змініть розмір своїх зображень.

Як бачите, ви можете завантажувати файли зі свого пристрою або імпортувати їх із URL-адреси.

Що стосується оптимізації зображень для WordPress, вона дозволяє вибрати ширину та висоту, а також масштаб.

# 12 Imgbot.ai

Цей інструмент є дуже повним, оскільки на його веб-сайті imgbot.ai Ви можете зробити все, що потрібно для оптимізації зображень у WordPress:

  • Змінити розмір зображень. Ви можете змінювати розмір своїх зображень залежно від ширини та висоти або за масштабами.
  • Стискати зображення. Оптимізуйте та стискайте зображення у форматах JPG, PNG та GIF.
  • Вирізати фотографії. Обріжте свої зображення та адаптуйте їх до розміру вашого веб-сайту.
  • Додайте a водяний знак до ваших фотографій, щоб захистити їх персоналізованим текстом або зображенням.

# 13 Групове зміна розміру

Змінити розмір дозволяє дуже легко змінити розмір зображень за 3 простих кроки:

  1. Ви вибираєте зображення для зміни розміру.
  2. Вкажіть розміри, які ви хочете.
  3. Ви натискаєте кнопку "змінити розмір", і завантажуєте зображення, оптимізовані та готові до завантаження в WordPress.

# 14 Kraken.io

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

В даному випадку це платіжний інструмент, який має кілька планів з різними цінами.

# 15 Photoshop

Photoshop без сумніву, є однією з найпопулярніших та універсальних програм для редагування та ретушування фотографій.

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

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

Це один із звичних методів, який я використовую для оптимізації зображень перед завантаженням їх у WordPress.

У цьому відео я пояснюю, як оптимізувати зображення в WordPress за допомогою Smush, Compressor.io та Photoshop.

EXTRA: як стискати відео в Інтернеті

Хоча в цій публікації я зосередився на оптимізації зображень, я хочу залишити вас додатковим інструментом для стиснення відео в Інтернеті перед завантаженням їх на ваш веб-сайт.

Кліпчамп дозволяє стискати ваші відео для економії пам’яті та прискорення швидкості завантаження вашого веб-сайту.

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

Як бачите, інструмент дозволяє адаптуйте свої відео до різних просторів (Інтернет, Windows, мобільний телефон або анімація), а також вибрати тривалість, роздільну здатність, розмір та формат.

Коли процес оптимізації завершиться, ви зможете завантажити свої відео, готові до завантаження в WordPress.

Сподіваюся, ці 15 інструментів допоможуть вам оптимізувати зображення в WordPress і зменшити їх розмір, не втрачаючи якості на фотографіях (і відео), які ви завантажуєте на свій веб-сайт або в блог 😉

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

Якщо вам потрібна допомога з вашим сайтом, я рекомендую вам поглянути на мій Служба веб-дизайну WordPress.

Не йдуть! Є ще більше.

Веб-дизайнер WordPress. Я розробляю підключені сторінки, які швидко завантажуються та оптимізовані для SEO. Творчість, маркетинг та любитель тварин.