Оптимизирайте зареждането на уеб изображения
Изображенията на уебсайт могат да разкрасят уеб страниците, както и бавните скорости на зареждане на страниците. Тази статия представя поредица от съвети за ускоряване на показването на уеб страници чрез оптимизиране на теглото на изображенията или използване на разширени съвети.
Причини за оптимизиране на изображенията
Оптимизирането на теглото на изображенията и оптимизирането на скоростта на зареждане на страницата са добри практики по няколко причини:
- Никой не обича да чака да се зареди страница
- Скоростта на зареждане е критерий за позиционирането на сайтовете в резултатите от търсенето
- Някои посетители нямат бърза интернет връзка. Това важи особено за интернет потребителите, които използват устройство, използващо 3G.
- Избягва да плаши посетителите и продажбите. Всъщност това е неоспоримо, времето за зареждане оказва влияние върху посетителите:
- Колкото по-дълго е времето за зареждане, толкова по-висока е мощността
- На сайта на Amazon: 100 ms допълнително време за зареждане загубиха 1% от продажбите
- В Google: 500 ms допълнително намалява броя на търсенията с 20%
- По-малко трафик, използван за уеб хостинг, защото страниците са по-малко тежки
Никога не преоразмерявайте кода
Някои уеб страници решават да използват големи изображения (пример: 800 x 600 пиксела) и ги вмъкват в уеб страница като миниатюра (пример: 80 x 60 пиксела). Този метод има два основни недостатъка:
- Изображенията са много тежки за зареждане, когато трябва да покажете само малка миниизображение
- Уеб браузърите не са графичен софтуер. Изображението, преоразмерено от уеб браузър, ще бъде с по-ниско качество от изображението, преоразмерено от специализиран софтуер (пример: Gimp или Photoshop). Снимката по-долу показва разликата в качеството на изображението в зависимост от това дали е преоразмерено с Firefox или Gimp.
Най-простото решение е винаги да използвате точните размери на изображението, което искате да добавите към вашия сайт. Преоразмеряването на изображението е нещо много лесно, което практически има всички софтуери за редактиране на снимки.
Изберете правилния формат
Някои формати на изображения са по-тежки от други. Използването на правилното съотношение на страните помага да се намали теглото на изображенията по доста лесен начин. Просто използвайте софтуера за снимки и запазете в подходящия формат.
Този цифров формат на изображението е ограничен до 256 цвята, което го прави относително лек формат. Този формат е известен и ценен, защото може да показва движещи се изображения. За съжаление, когато става въпрос за показване на хубава снимка, ограничението до 256 цвята значително намалява качеството на изображението. Следователно този формат е предпочитан за: лога, малки икони и малки движещи се картинки.
JPEG е стандарт, дефиниращ компресиран формат на цифрово изображение. Може да се избере степента на компресия. Колкото по-висока е компресията, толкова по-малко изображението ще бъде тежко, но в замяна изображението губи качеството си. След това е необходимо да изберете най-добрия компромис между качеството и теглото на изображението. Зависи по-специално от типа на сайта (уебсайт на фотографа?) И целта на снимките (проста илюстративна снимка или важна снимка?). Ясно е, че в повечето случаи JPEG е използване за снимки в мрежата.