Estoy trabajando en un blog de fotos de Jekyll . Una página en el sitio muestra varias fotos juntas a la vez. Al hacer clic en una sola foto, se abre en resolución completa en una nueva ventana. Vea un ejemplo a continuación:

Las fotografías originales son de alta resolución. La intención es distribuir las fotografías de alta resolución en el sitio web. Sin embargo, cuando alguien va a la página de fotos donde se muestran todas las fotos juntas, la página se carga muy lentamente debido a las imágenes de alta resolución.

Mi pregunta es, ¿cómo puedo comprimir las fotografías del archivo de origen en la página de fotografías, pero mantener las imágenes de resolución completa disponibles si alguien hace clic en una foto individual?

He visto opciones para hacer algo así con Jekyll. jekyll-compress-images parece ofrecer compresión de imágenes sobre la marcha, pero no parece que las imágenes de resolución completa vayan al sitio de producción. También existe el jekyll-assets (y hay otra pregunta similar a esta) pero parece más específico para la compresión de CSS y JavaScript.

Alternativamente, si no es posible hacer esto con un complemento de Jekyll, ¿hay otra forma con JavaScript? ¿O podría hacerse como parte de una canalización de integración continua?

¡Gracias!