Загрузка изображений (миниатюр)
 

Ребят, загружаю сетку фоток, по клику увеличиваю. Использую одни и те же фотографии в обоих случаях, то есть в сетке (миниатюры) просто уменьшенные, но src Тот же что и у оригинала. Когда поставил на тестовый сервак, понял что в отличии от локального такое кол-во изображений грузится ну крайне долго. Подскажите как поступить? Следует ли держать на сервере дубликат оригинала только меньшего размера (то есть ту же самую миниатюру хранить отдельным файлом) или есть какие-то программные методы по сжатию или нечто в это духе?

программные методы сжатия мм..
ну можно например большую картинку помещать в блок с шириной, высотой 400px со свойством

background-size: contain;

а маленькую картинку помещать в блок с шириной, высотой 100px также со свойством

background-size: contain;

Ну правильно, изображению на клиенте можно задать любой размер, а грузиться будет все равно полный размер. Лучше иметь малые копии, а большие загружать по запросу клиента.