Защо и как да оптимизирате вашите изображения за уеб UpEmpresa
Оптимизирането на изображение за вашия уеб сайт е процесът за намаляване на теглото на файла на вашето изображение.
Това е много проста концепция, но изключително важна за работата на вашия уебсайт и за преживяването, което всички ваши посетители имат при разглеждането на вашия сайт.
Като част от нашата хостинг услуга ние предлагаме професионален процес за оптимизация на уеб, при който намаляваме времето за зареждане на вашия уебсайт до 1,5 секунди или по-малко, тази безплатна услуга е включена в премиум и бизнес плановете с годишен цикъл на плащане. И 8 от десет уебсайта, които оптимизираме, имат сериозен проблем с техните изображения, който е, че те винаги са твърде тежки.
Ако изображението на вашия уебсайт е твърде тежко, тогава вашият посетител ще отнеме повече време, за да зареди вашия уебсайт, ако много посетители открият, че разглеждат една и съща страница на вашия уеб сайт с твърде тежки изображения, тогава вашият уебсайт ще отнеме повече време, за да отговори и обслужва този файл е толкова тежък за всички посетители.
Оптимизирането на вашите изображения позволява на уебсайта Ви да се зарежда по-бързо, а също така подобрява използваемостта и SEO на уебсайта.
Времето за зареждане на вашия уебсайт е важен фактор за Google, колкото по-добре е оптимизиран вашият уебсайт, толкова по-добро ще бъде класирането ви на страницата с резултати от Google.
Обикновено това, което правим при качване на изображение, е да го изтеглим и да го качим директно в WordPress медията Либерия, след което го добавяме към нашата статия или страница и това е всичко.
Проблемът е, че изображенията, които изтегляте, обикновено са много тежки, в друга предишна статия ви показах няколко сайта, от които можете да изтеглите законни изображения, които да използвате на вашия уебсайт.
Ще се съгласите, че всички тези изображения са с много добро качество, но когато ги изтеглите, ще видите, че средното им тегло е от 3MB до 5MB, всъщност снимката на изображението, която използвахме за тази публикация, има тегло от 5,3 MB
Сега нека кажем, че решавам да не оптимизирам изображението за мрежата и просто съм го изтеглил и поставил в тази статия. Така че тази страница ще отнеме твърде много време за зареждане, в зависимост от това колко бързо сте.
Вземете под внимание, че ограничението за времето за зареждане на вашия уеб сайт, за да го считате за добър, е максимум 3 секунди.
Имайки предвид това, ще покажа колко време ще отнеме на различните потребители да заредят изображението от 5,3 MB с различни скорости в интернет:
| ADSL | 256 kbit/s | 3 минути и 10 секунди. |
| ADSL | 512 kbit/s | 1 минута и 35 секунди |
| ADSL | 1 Mbit/s | 48 секунди |
| ADSL | 2 Mbit/s | 24 секунди |
| ADSL | 8 Mbit/s | 6 секунди |
| LAN | 10 Mbit/s | 4 секунди |
| ADSL | 24 Mbit/s | 2 секунди |
Така че, както можете да видите, твърде много време се използва само за изтегляне на изображението, за това трябва да увеличите теглото на 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 можете да създадете документ с конкретните размери, които искате, след това да качите вашето изображение, да го поставите на платното и след това да изтеглите новото изображение с правилните размери, това е изключително просто.