Как оптимизировать подгрузку изображений?

Question

[svilkov87]

Добрый день!
Какие способы существуют для оптимизаций ( ускорения ) подгрузки изображений? Например в одной из секций лендинга есть блок на всю высоту экрана, у которого свойство background url (img - внутри).

Когда этот лендинг загружается, картинка подгружается медленно.
Понятно, что можно сжать галпом. А какие еще способы есть ускорить подгрузку?

Answer 1

[Stalker_RED]

Смотря какая картинка.
Во-первых, есть Progressive jpeg
Во многих случаях png весит гораздо меньше чем jpeg (если большие одноцветные области, например).
Или, если дизайн позволяет, можно заменить картинку на векторную.

Answer 2

[riot26]

Сжать, сделать несколько ресайзов и подключать нужный в зависимости от размера экрана, скукожить иконки и мелкие картинки в спрайты.