Николай Домбровский

Для миниатюр - отдельные изображения.
При загрузке используем LazyLoad и грузим только миниатюры.
В идеале, если структура позволяет, то и миниатюры грузим после загрузки страницы т.е. загрузили клиент, потом стали грузить миниатюры, загрузили показали аккуратно слайдер.
+ Не забываем об отзывчивых изображениях. + оптимизируем изображения.

в div, размеры зафиксировал, размеры изображений относительно размера контейнера. Т.к. размеры контейнера не меняются - размеры изображений так же остаются постоянными.
Вот только с масштабированием так просто не прокатит. Хочешь - юзай js и отлавливай изменения. в jQuery $(window).resize();