Оптимизирането на изображение за вашия уеб сайт е процесът за намаляване на теглото на файла на вашето изображение.

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

Като част от нашата хостинг услуга ние предлагаме професионален процес за оптимизация на уеб, при който намаляваме времето за зареждане на вашия уебсайт до 1,5 секунди или по-малко, тази безплатна услуга е включена в премиум и бизнес плановете с годишен цикъл на плащане. И 8 от десет уебсайта, които оптимизираме, имат сериозен проблем с техните изображения, който е, че те винаги са твърде тежки.

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

Оптимизирането на вашите изображения позволява на уебсайта Ви да се зарежда по-бързо, а също така подобрява използваемостта и SEO на уебсайта.

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

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

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

Ще се съгласите, че всички тези изображения са с много добро качество, но когато ги изтеглите, ще видите, че средното им тегло е от 3MB до 5MB, всъщност снимката на изображението, която използвахме за тази публикация, има тегло от 5,3 MB

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

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

Имайки предвид това, ще покажа колко време ще отнеме на различните потребители да заредят изображението от 5,3 MB с различни скорости в интернет:

Тип връзка Скорост на интернет Време на изчакване
ADSL256 kbit/s3 минути и 10 секунди.
ADSL512 kbit/s1 минута и 35 секунди
ADSL1 Mbit/s48 секунди
ADSL2 Mbit/s24 секунди
ADSL8 Mbit/s6 секунди
LAN10 Mbit/s4 секунди
ADSL24 Mbit/s2 секунди

Така че, както можете да видите, твърде много време се използва само за изтегляне на изображението, за това трябва да увеличите теглото на JavaScript, CSS, HTML файлове, други изображения на вашия уебсайт и други файлове от външни услуги, които може да имате на вашият уебсайт като библиотеки шрифтове на Google, Google Анализ, Facebook JS и др ...

Когато го комбинираме и ако сме оптимизирали нашите Javascript, CSS и HTML файлове, може да получим тегло от 0,5 MB от тези файлове, така че трябва да го добавим към акаунта.

Като се има предвид, че средната скорост на интернет в Латинска Америка е 5,6 MB, а в Испания 15,5, тогава на посетителя от Латинска ще са необходими 8 секунди, за да зареди нашия уебсайт, а в Испания 3 секунди.

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

Но в тази статия вече съм оптимизирал изображението и в края на този процес изображението на тази статия има тегло 59.3KB (0.059MB), както виждате, това е голямо намаляване на теглото и това се превръща в по-бързо зареждане на уебсайт.

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

Съдържание

Променете размера на вашето изображение

Тази една стъпка може да намали теглото на вашето изображение с повече от 50%. В тази стъпка трябва да се уверим, че изображението има размерите, които искаме.

Например в моя случай всички изображения в блога имат ширина 640px и височина 350px, така че трябва да модифицирам изображенията, за да имат тези размери.

Оригиналното изображение на тази статия е с размери 4000 px широк и 2 900 px висок, това е твърде много, много повече от това, което ми трябва за моя уебсайт.

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

Има няколко начина да направите този процес, можете да използвате Photoshop или Gimp например, но можете да използвате и онлайн инструменти като Canva.com, което е начинът, по който създадох това изображение.

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

С помощта на Canva можете да създадете документ с конкретните размери, които искате, след това да качите вашето изображение, да го поставите на платното и след това да изтеглите новото изображение с правилните размери, това е изключително просто.

Само с тази стъпка успях да намаля теглото на изображението от 5.3MB на 173KB (0.17MB), намаление с повече от 94%

Каня ви да изпробвате инструмента Canva и да изчакате в бъдеще урок за този страхотен и безплатен инструмент 😀

Използвайте компресор за изображения

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

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

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

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

Това не променя размерите на вашето изображение, променя се само теглото на изображението.

Някои уебсайтове, които ви предоставят тази услуга, са следните:

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

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

ShortPixel

защо

Това е най-добрият вариант от нашия опит, всеки ден нашият екип извършва между 15 и 20 оптимизации за уеб за нашите хостинг клиенти напълно безплатно, оставяме уебсайтовете да се зареждат за около 1,1 секунди и не повече от 1,5 секунди.

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

ShortPixel ви позволява да оптимизирате всичките си JPG, PNG или GIF изображения, трябва само да качите изображенията си в WordPress, както обикновено, а приставката оптимизира изображението, без да се налага да правите нищо.

След оптимизиране на изображението на нашата статия с ShortPixel, стигаме до файл с тегло 59.3KB (0.059MB), което означава 99% намаление на изображението, което първоначално тежеше 5.3MB

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

Освен това има възможност да създаде WEBP версията на вашите изображения. WEBP е специален формат на изображението за интернет, този файлов формат е по-добър от нормалния JPG или PNG, можете да получите допълнителни 26% до 35% за оптимизиране на вашето изображение.

Това обаче е сравнително нов файлов формат, създаден от Google и въпреки че Google Chrome поддържа този формат, той все още не е стандартен в света на уеб дизайна, така че можете да използвате този формат в близко бъдеще, но в този все още не.

За да използвате ShortPixel, трябва да инсталирате приставката от WordPress и трябва да създадете безплатен акаунт на уебсайта на ShortPixel, с безплатен акаунт получавате кредити за оптимизация.

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

Отсега нататък ви казвам, че плановете за еднократно плащане са по-добри, можете да придобиете 10 000 кредита само за $ 9,99

EWWW Image Optimizer

С инсталирането на този плъгин всички PNG, JPG или GIF изображения, които качвате на уебсайта си на WordPress, ще бъдат автоматично оптимизирани. Той също така включва опцията за оптимизиране на всички изображения, които имате във вашата медийна библиотека.

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

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

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

По време на цената кредитите за изображение са по-скъпи от ShortPixel, $ 9,99, които в ShortPixel ви дават 10 000 изображения, в EWWW Image Optimizer ще ви даде 3 330 изображения, така че ShortPixel изглежда по-добра опция при плащане за услугата.

WPSmush

Тази приставка е част от wpmudev.org и нейния богат списък с приставки. С WP Smush можете автоматично да оптимизирате всяко PNG или JPG изображение, което качвате на уебсайта си на WordPress, освен това имате възможност да оптимизирате много изображения едновременно, но в безплатната версия можете да оптимизирате само 50 изображения едновременно.

Когато използвате WPSmush, имате два метода за оптимизация Lossy и “Super Smush”, но в безплатната версия можете да използвате само Lossy, който осигурява приемлива компресия и качество, но в сравнение с ShortPixel, той намалява средно с 20% накрая тегло на изображението.

Има и други функции, които също се плащат, като конвертиране на PNG изображения в JPG, което е безплатна опция в ShortPixel.

Стойността на WPSmush е в рамките на стойността на абонамента за wpmudev, който е на цена $ 49 на месец.

В допълнение към тези приставки има и други, които ви помагат да оптимизирате изображенията си автоматично, някои от тях са:

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

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

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

Ако имате въпроси, не се колебайте да публикувате коментар.