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.

[Carlangueitor]

Igual y este es algo que deberías leer: http://coding.smashingmagazine.com/2...ve-web-design/

Saludos

[loka-por-racing]

gracias por la respuesta... pero es totalmente compatible? porque lei por ahí en el link que pasaste que en algunas versiones de android por ej es compatible.

[Rafael]

Con las mismas media queries puedes cargar diferentes fondos en una imagen. Úsala para esto.

[loka-por-racing]

pero si tengo un slider, con diferentes imágenes.. porque el fondo no es inconveniente..

[loka-por-racing]

recién intente crear una imagen .svg , lo realice con el illustrator una imagen .jpg a .svg. Pero después de crearla la imagen .svg pesa mas que la imagen .jpg. No creo que sea muy buena solución o como seria?

[Rafael]

A ver, como que estás poniendo muchos peros Le pongo peros a tus peros.

1) No hay nada totalmente compatible.

2) Podrías adaptar los media queries con tu slider si este es compatible con elementos html. Seguramente el slider usa LI así que también por ahí podrías adaptar las media queries.

3) El SVG será mucho menos compatible, así que por ahí no es.

4) No tiene sentido pasar un jpg a nada más que no sea un jpg. Un png o un vector pesará menos si el contenido inicial es una ilustración, colores planos, etc. Hay niveles de compresión jpg que podrías probar, pero depende de tu imagen.

5) Necesitas detección por JavaScript, luego mandar las variables al PHP en el servidor y de ahí disparar los valores correctos de regreso. ¿Sabes programación? http://stackoverflow.com/questions/4...ution-with-php