UtilizandoTwitter Bootstrap Me doy cuenta de que, por defecto, escala las imágenes de forma responsiva. Esto es genial, pero no siempre es perfecto.

Digamos por ejemplo que tengo un500x300 La imagen en el escritorio, luego cambia el tamaño del dispositivo para que la imagen sea realmente pequeña y no muy alta, perdiendo gran parte de las partes detalladas de la imagen.

He visto cómo otros sitios en realidad no escalan mucho la imagen, sino que usan el div principal para ordenarmask la imagen. (http://www.fitnessfireworks.com Fue un gran ejemplo de esto, ya no está disponible.)

¿Cuál es el mejor método para lograr esto? Una combinación deCSS Imagen de fondo y escala de imagen de fondo? Sólo estoy buscando las mejores prácticas.