Как да оптимизираме изображения за мобилни устройства Изпълнявайте леки, отзивчиви, правилно форматирани изображения;

Кой използва отзивчиви изображения?
Проверката на изходния код на големи уебсайтове като Amazon, Facebook и BBC потвърждава, че елементът за изображения все още не се използва за обслужване на отзивчиви изображения.
Наслаждават ли се на това? Има няколко потенциални ползи от показването на различни изображения за всяка платформа:
Позволява на сайта да показва по-голямо изображение с по-висока разделителна способност на работния плот.
Намалява размера на изображението и теглото на цялата страница, като по този начин ускорява времето за зареждане на мобилни устройства.
Позволява на мобилния сайт да се показва чрез увеличаване на изображението, показвано на мобилния телефон. (Обърнете внимание на изрязаното изображение на кучето по-горе).
Търговците на дребно могат да се появят на мобилния телефон герои на вашия мобилен телефон, докато залепват традиционни опаковки на по-големи дисплеи.
Намиране на най-добрия формат за вашите изображения
Най-често използваните формати на изображения, използвани на мобилни/мобилни сайтове, са JPEG 46%, PNG 28%, GIF 23% и SVG 1% на httpArchive .

изпълнявайте

Тази статия е част 3 от поредица от три части за оптимизиране на скоростта на вашия мобилен сайт. Прочетете предишните подробности от поредицата:
Версия на колоната първоначално беше публикувана на нашата сестра, ClickZ. Той се появи отново тук, за да слуша нашата публика в SEW.