imagenes adaptables a cada browser

[loka-por-racing]

Buenas tardes,
tengo la siguiente consulta: alguno probó de hacer un diseño responsive que se ajuste al tamaño del browser pero que cuando se achiquen las fotos en lugar de dimensionarse en porcentaje, definir si se ingresa desde tal tamaño en lugar de cargar la foto mas grande y dimensionarla, cargue la correspondiente a esa dimensión. Por ejemplo si entro desde un celular que cargue la foto mas chica y si entro desde una pc la mas grande y así con otras dimensiones. Porque estaba utilizando el de dimensionamiento pero al ingresar desde un celular por ejemplo consume demasiado y tarda mucho en cargar.
gracias de antemano.