En ocasiones generar todos los tamaños y formatos de imágenes puede ser harto complicado, por lo que lo ideal sería generarlas en tiempo real, pero sin un coste tecnológico elevado. Y para hacer esto podemos trabajar con Thumbor.
Gracias a esta tecnología de código abierto tenemos la posibilidad de aplicar ciertos filtros como optimizar nuestras imágenes pidiéndole que las recorte, encaje, redimensione, alinee… incluso dispone de tecnología de detección facial o de elementos importantes para que al recortar use esos puntos como centro. También dispone de filtros como convertir a escala de grises o añadir una marca de agua.
Una opción rápida podría hacerse de esta manera:
<picture>
<source src="https://thumbor.example.com/unsafe/380x0/smart/example.com/ huge.jpg" media="(max-width: 400px)">
<source src="https://thumbor.example.com/unsafe/780x0/smart/example.com/ huge.jpg " media="(max-width: 800px)">
<img src="huge.jpg">
</picture>