Оптимизация изображений в галерее

Доброго времени суток :)

Когда-то давно сделал простенькую галерею, используя пару плагинов от Desandro - Masonry и ImagesLoaded. Ввиду того, что картинок было мало(15-40 шт), об оптимизации как-то не задумывался(full hd картинки были в контейнере шириной 300-400px), тем более использовалось всё это дело исключительно для себя. Но теперь мне нужно организовать вывод нескольких сотен различных картинок и просто "забить" я не хочу, хотелось бы, чтобы всё нормально и быстро прогружалось, ну и, конечно же, не совать большие картинки в маленький контейнер.

В этом и суть моего вопроса. Помогите, пожалуйста, как правильно подогнать разрешение изображения под ширину контейнера(соблюдая пропорции, конечно же)? Если что, все картинки выгружаются на стороне сервера из БД.

На готовый пример не претендую, но хотелось бы узнать подробнее об этой технологии :)
Буду рад любой помощи.

P.S. Приблизительный пример того, о чём я говорю, можно увидеть на Unsplash. У них в сетке картинки чуть больше контейнера, в котором они лежат.