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

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

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

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

Кроки, які я виконую для оптимізації ваги зображень для WordPress

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

1. - Обріжте зображення до потрібного розміру: як я пояснив у відео, це дуже суб’єктивно.

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

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

2. - Я завантажую фотографію в Tinypng і стискаю її.

зображень

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

Тож після стиснення зображення я перевіряю, що якість все ще хороша.

3. - Я повторюю крок 2, поки якість зображення не почне впливати.

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

І це все. У вас вже є оптимізована версія вашого зображення для вашого веб-сайту. Легко! не? Але почекайте, є більше інформації, яка може вас зацікавити.

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

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

Попередній перегляд Mac

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

Photoshop

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

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

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

Ось підбірка з тих, які я пробував.

EWWW Image Optimizer

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

EWWW Image Optimizer це безкоштовний плагін, який ви можете знайти у сховищі плагінів WordPress, клацнувши на заголовок цього тексту.

Ледаче навантаження

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

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

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

Нерозумність

Плагін Imsanity змініть розмір зображень до розмірів, які ви задали. Це ідеально підходить для блогів з різними авторами, які створюють вміст, якого вони не знають або хочуть навчитися змінювати розмір зображень.

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

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

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

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

Автоматичне стиснення зображень WordPress

Якби ви цього не знали, WordPress за замовчуванням знижує якість зображень що ви завантажуєте у свою медіатеку щонайменше 10% і до 18% з версії WordPress 4.5, якщо обробляються файли .jpg (те саме не відбувається з .png або .gif).

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

Стиснення зображень за допомогою серверних інструментів WordPress

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

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

Це чудово, якщо у вас багато зображень і ви хочете не турбуватися про їх вплив на час завантаження.

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

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

Важливість оптимізації зображень у WordPress

Оптимізація ваги зображень для WordPress важлива з двох основних причин:

1. - Щоб користувач не втік з вашого веб-сайту через нудьгу або через те, що ви "витрачаєте" мобільні дані.

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

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

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

2. - Щоб Google позиціонував вас краще. Так! Доведено, що швидкість завантаження веб-сайту впливає на його органічне позиціонування. Або іншими словами, SEO покращується, якщо ви використовуєте добре оптимізовані зображення.

Отже, тепер ви знаєте, не будьте зручними і завжди оптимізуйте свої зображення. Зрештою ви це оціните ... і ваші читачі теж.

Вам також може сподобатися

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

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