додаткові

Як оптимізувати зображення WordPress: 3 додаткові варіанти

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

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

Зменшення ваги зображення має такі функції:

  • Зменшіть час завантаження вашого веб-сайту.
  • Зменшіть площа на вашому сервері.
  • Оптимізуйте споживання ресурсів вашого хостингу.
  • Покращити SEO-оптимізацію вашого WordPress.

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

Оскільки це досить широка тема, я зупинюсь на практичності, щоб ваш веб-сайт завантажувався зі швидкістю світла:

  • Зменшити розмір зображень перед завантаженням їх у WordPress
  • Стискати зображення завантажує за допомогою плагіна WordPress
  • Оптимізуйте завантаження опублікованих зображень для покращення швидкості завантаження веб-сайту

Як оптимізувати зображення перед завантаженням їх у WordPress

Розмір зображення (розміри) безпосередньо залежить від ваги (байтів) цього зображення.

Перш ніж виконувати будь-який тип оптимізації зображень для блогів чи веб-сайтів, ідеальним є зменшення розміру зображення, щоб воно точно відповідало пікселям, де воно буде розташоване. Поясню: у моєму випадку я визначив, що максимальна ширина вмісту моїх статей становить 840 пікселів, тому я ніколи не завантажую зображення, яке містить більше. Логічно, так? Таким чином я заощаджую кілька байтів, які нічого не сприяли б, але шкодили б моєму веб-сайту.

Іншим важливим моментом є питання формату, в якому ми завантажуємо фотографії, зображення, ілюстрації тощо. По можливості вибирайте .jpg або .jpeg у форматі .png.

На час стискати фотографії перед завантаженням у WordPress можна зустріти кілька інструменти для зменшення розміру або стиснення зображень.

Ось два цілком дійсних варіанти зменшити розмір зображення (можна навіть поєднати обидва): платний (з Photoshop) або безкоштовні онлайн-інструменти для оптимізації зображень без втрати якості.

Як зменшити розмір фотографії за допомогою Photoshop

Схудніть на зображенні за допомогою Photoshop Це дуже просто. Просто зменшивши розмір зображення (його розміри), ви вже втратите його вагу.

Крім цього, ви можете пограти з фокусом, насиченістю та яскравістю, щоб ще більше зменшити кілька байтів. Відкривши потрібне зображення, перейдіть до параметра Зображення> Розмір зображення. Обов’язково встановіть прапорець Обмежити аспекти, щоб зберегти незмінну форму зображення. Просто виберіть потрібну ширину, і ви побачите, як безпосередньо змінюється висота. До того ж це ще й зручно зменшити роздільну здатність, Я залишаю його на рівні 72 пікселі/дюйм, що є оптимальною роздільною здатністю для перегляду зображень на екрані.

Просто роблячи це, це не займає хвилини, ви зменшите вагу зображення більш ніж на 50%.

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

Уявіть собі весь простір та час завантаження, які ви витратили б, якби не витратили на це 30 секунд.

Якщо у вас немає Photoshop, ви завжди можете використовувати Windows Paint, хоча рівень зменшення розміру зображення буде гіршим. Ось у вас є відео, що пояснює, як зменшити розмір і вагу фотографій.

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

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

Оптимізатор зображень

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

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

Вебрезайзер

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

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

Тініппнг

Tinypng - це Інтернет-додаток для зменшення розміру декількох зображень одночасно що ще я використовую.

Це дозволяє оптимізувати без втрати якості до 20 фотографій одночасно до 5 Мб кожна. Дивно, якщо у вас є бажання зменшити вагу кількох зображень одночасно. Ви можете зберегти оптимізовані зображення в Dropbox або завантажити їх із браузера. За допомогою цього веб-сайту я отримав зниження на 27% для зображення, оптимізованого за допомогою Photoshop.

Компресор.io

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

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

  1. Зменшуйте розмір (вагу) зображення краще, ніж будь-яке інше.
  2. Ви можете оптимізувати фотографії вагою до 10 Мб.

Ви також можете завантажити зображення, оптимізоване Dropbox, з браузера або зберегти його на Google Drive. Завдяки цій платформі Я зміг зменшити розмір тестового зображення на 42% порівняно з попередньою оптимізацією, яку я робив у Photoshop.

Як стиснути зображення, вже завантажені в WordPress

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

Змініть розмір зображення WordPress без плагінів

Для зменшити розміри зображення без плагінів WordPress Вам доведеться перейти до Медіа> Бібліотека> Вибрати зображення> Редагувати зображення. Напишіть нові розміри, натисніть Масштаб і вуаля, ви зможете змінювати розмір зображень, не втрачаючи якості з WordPress.

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

Найкращі плагіни для оптимізації зображень у WordPress

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

Плагін WP Smush

Я рекомендую варіант встановити WP Smush, який є плагін для стиснення зображень Worpress хто піклується про автоматичне зменшення розміру зображень.

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

EWWW Image Optimizer

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

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

Покращення швидкості завантаження вашого веб-сайту: оптимізація завантаження зображень

Інший з плагіни для оптимізації зображень у WordPress є Ледаче навантаження.

Хоча цей безкоштовний плагін не змінює жодного зображення, він пропонує дві речі:

  1. Зменште час завантаження Інтернету.
  2. Створіть приємний ефект при завантаженні зображення.

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

Оскільки не всі зображення завантажуються одночасно, швидкість завантаження веб-сторінки буде швидшою.

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