css imagen responsive
Publicado por Vicente (1 intervención) el 06/12/2020 16:27:37
Hola,
Estoy intentando cargar diferentes imágenes webp según el tamaño del dispositvo. El problema es que si especifico una imagen jpeg en img src para dispositivos no compatibles con <picture> y/o imágenes webp, el navegador chrome en móviles muestra esta en lugar de la especificada en srcset (que si que mostraba correctamente sin una img src especificada). ¿Que puede estar ocurriendo?.
Muchas gracias.
Estoy intentando cargar diferentes imágenes webp según el tamaño del dispositvo. El problema es que si especifico una imagen jpeg en img src para dispositivos no compatibles con <picture> y/o imágenes webp, el navegador chrome en móviles muestra esta en lugar de la especificada en srcset (que si que mostraba correctamente sin una img src especificada). ¿Que puede estar ocurriendo?.
Muchas gracias.
1
2
3
4
5
<picture>
<source media="(max-width: 767px)" srcset="imagen-pequena.webp">
<source media="(min-width: 768px)" srcset="imagen-grande.webp">
<img src="imagen-compatible.jpeg" alt="Imagen">
</picture>
Valora esta pregunta
0
