Просто ръководство d; оптимизиране на изображения за мрежата - Б

Съдържание
Този блог се поддържа от своите читатели. Когато купувате чрез партньорски връзки на нашия сайт, ние печелим комисионна. Научете повече
Източниците на лоша производителност и бавност на уебсайта са многобройни. Но, този, който често е общ за повечето от тези сайтове, е неоптимизирането на изображения за мрежата.
Когато изображенията на даден сайт не са оптимизирани за мрежата, отнема много време, за да се появят и в същото време забавят цялото зареждане на уеб страницата.
Технически, ето какво се случва: Когато изображението не е оптимизирано, то принуждава браузъра да изтегли повече байтове. Изведнъж има повече конкуренция за честотната лента на клиента, като пряка последица браузърът отнема много повече време, за да покаже съдържанието на сайта на екрана.
Това е много лошо за SEO, а също и за трафика.
За да ви помогна да избегнете недоволството на посетителите, ще ви покажа как вие сами се грижите за оптимизирането на изображения за мрежата, когато изпълнявате проектите си за уебсайтове.
Намалете размера на изображението, като същевременно поддържате приемливо качество и разделителна способност
Повечето уебсайтове тежат между 2Mb и 3Mb. Недопустимо е сайт, чието тегло е между тези стойности, да включва изображение, което само заема повече от половината от теглото на сайта.
Така че е важно винаги да проверявате размера на изображенията, които да интегрирате.
Ето една проста формула, която ви позволява предварително да определите размера на некомпресирано изображение в JPG формат.
Намереният резултат е в байтове (b), за да го преобразувате в мегабайта (Mb), разделете отговора, намерен на 1048576.
В случай, че забележите, че изображението е твърде тежко за зареждане, какво да намалите размера му, за да не загуби качеството или разделителната си способност ?
Ресурсите
Има уебсайтове и приложения с мощни алгоритми, които ви дават възможност да намалите размера на вашите изображения онлайн или локално.
Уебсайтовете за компресиране на изображения се различават помежду си по типовете формати, които поддържат, и броя на файловете, които могат да обработят наведнъж.
Ето някои от тези сайтове:
- Compressor.io:
Този сайт компресира изображения в JPG, PNG, SVG и GIF формати. Той приема само по един файл наведнъж.
- Tinyjpg:
Той компресира изображения в JPG и PNG формат, приема 20 файла наведнъж.
- Squoosh:
Squoosh поддържа JPG, PNG, SVG и GIF формати, точно както compressor.io приема само по един файл наведнъж
- Уебсайт Planet Imagecompressor