Искате ли да знаете как да намалите размера или да компресирате снимки, без да губите качеството на изображението? В днешния видео съвет ще ви кажа какви стъпки предприемам оптимизирайте теглото на изображението за WordPress.

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

Извинете за качеството на звука. Това е един от първите видеоклипове, които записах и все още не работех добре.

Както винаги, аз ви показвам моя метод, този, който използвам според моите критерии, но може би ще работи и за вас. Оставям ви с видеото и по-долу ще ви разкажа подробно за цялата тази материя.

Стъпки, които следвам, за да оптимизирам тежестта на изображенията за WordPress

По-долу обяснявам стъпка по стъпка как да оптимизирам теглото на изображенията на страницата си и по този начин да подобря скоростта на зареждане.

1. - Изрежете изображението до размера, от който се нуждая: както обяснявам във видеото, това е много субективно.

Всяка тема осигурява различна ширина за основното съдържание, където отиват публикациите. Също така, може би искате изображение с по-високо качество, защото искате потребителят да може да го отвори в изскачащ прозорец или в URL, различен от реалния му размер. Представете си случая на фотограф например.

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

2. - Качвам снимката в Tinypng и я компресирам.

оптимизирайте

Tinypng е онлайн приложение за компресиране на снимки или намалете размера на изображенията, които използвам най-често. Това е класика сред класиците и ми харесва заради нейната простота и лекота на използване, но преди всичко, защото мога да компресирам снимките колкото пъти искам и в крайна сметка да избера тази, която смятам.

Така че след като изображението се компресира, проверявам дали качеството все още е добро.

3. - Повтарям стъпка 2, докато качеството на изображението започне да се влияе.

4. - Избирам изображението възможно най-компресирано, за да поддържам видимо качеството на оригинала.

И това е. Вече имате оптимизирана версия на вашето изображение за вашия уебсайт. Лесно! Недей? Но изчакайте, има още информация, която може да ви заинтересува.

Инструменти за оптимизиране, намаляване на размера или компресиране на снимки, без да се губи качеството на изображението.

Докато коментирам във видеото, има безброй програми за обработка на изображения. Някои само ще ни помогнат да намалим размера. Други ще ни позволят изрязване, намаляване, компресиране и в крайна сметка оптимизиране на снимки напълно.

Преглед на Mac

Това е програмата, която използвам за изрязване на изображението до размера на моите публикации. Той се предлага на всички Mac и е много лесен за използване за редактиране на снимки.

Photoshop

С Photoshop можете да направите целия процес. От подрязването му до компресирането му за мрежата. Имате много възможности и без съмнение това е най-професионалната програма, която познавам за обработка на изображения. Ако го имате и работите с него, не ви трябва нищо друго.

Приставки за оптимизиране на изображения в WordPress

Ако не сте на път да направите този ръчен процес, за да намалите теглото на вашите изображения или имате лека инсталация, винаги можете да се възползвате от предимствата на плъгини за оптимизиране на снимки в WordPress те ще свършат работата вместо вас.

Ето подборка от тези, които съм опитвал.

EWWW Image Optimizer

След инсталирането на EWWW Image Optimizer, всяко ново изображение, което качите на вашия уебсайт, ще бъде автоматично оптимизирано. И ако вече сте качили изображения, имате възможност да ги оптимизирате с едно щракване.

EWWW Image Optimizer Това е безплатна приставка, която можете да намерите в хранилището за приставки на WordPress, като щракнете върху заглавието на този текст.

Мързелив товар

The Приставка за мързеливо зареждане не е точно приставка за компресиране на изображения. По-скоро това, което прави, е да забави зареждането на изображенията, така че когато някой стигне до url, да не трябва да чака всички изображения да се заредят, за да покаже страницата.

По този начин изображенията ще бъдат заредени, когато потребителят ги достигне при превъртане. Това е силно препоръчителна приставка, ако ще използвате много изображения във вашето съдържание, тъй като само необходимите изображения ще бъдат заредени по всяко време.

Lazy Load е безплатна приставка, която можете да намерите в хранилището на WordPress, като кликнете върху заглавието на този текст.

Безумие

The Приставка 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.

Ако ви е било интересно и смятате, че някой би могъл да го използва, каня ви да го споделите във вашите мрежи.