Hay una forma muy sencilla para gestionar las imágenes en los distintos tamaños de pantalla.
El código más o menos sería:
Código CSS:
Ver original@media(max-width: 1920px)
{
.imagen_1
{
background-image: url("../img/imagen_1_1920.jpg");
}
}
@media(max-width: 1024px)
{
.imagen_1
{
background-image: url("../img/imagen_1_1024.jpg");
}
}
...