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

Багато хто вважає це ще одним варіантом оптимізації WordPress по максимуму.

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

Тому зменшення чи стискання фотографій повинно бути обов’язковим для тих, хто має веб-сайт або блог.

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

зображення

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

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

Так, як ти це читаєш.

До зменшити розмір фотографії чи зображення час завантаження цього буде менше; і цей Google бачить це дуже добрими очима.

Не забудьте прочитати статті про SEO, щоб досягти вершини Google!

Зрештою, все це дозволить вам оптимізувати завантаження WordPress та покращити SEO.

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

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

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

Зміст публікації

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

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

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

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

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

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

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

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

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

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

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

Відкривши потрібне зображення, перейдіть до параметра Зображення> Розмір зображення.

Обов’язково встановіть прапорець Обмежити пропорції, щоб зберегти однакову форму зображення.

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

До того ж це ще й зручно зменшити роздільну здатність, Я залишаю його на рівні 72 пікселі/дюйм.

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

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

Уявіть собі весь простір та час завантаження, які ви витратили б, якби не витратили 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, мати плагін кеш-пам’яті, оптимізовану тему, використовувати CDN, як Cloudflare ...

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

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

І ось закінчується сьогоднішня стаття.

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

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

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

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

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

І якщо ви все ще не знаєте, як завантажувати безкоштовні зображення без авторських прав, я рекомендую цю статтю з Кращими безкоштовними банками зображень.

Чи вважаєте ви, що я пропустив якийсь кращий інструмент чи плагін, ніж ті, які я поставив?

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

Залиште мені коментар, і якщо вам сподобався, поділіться з друзями.