Comunidad de diseño web y desarrollo en internet online

imágenes webp responsive

Citar            
MensajeEscrito el 06 Dic 2020 05:12 pm
Hola,

Estoy intentando cargar diferentes imágenes webp según el tamaño del dispositivo. Si no especifico una img src, funciona correctamente tanto en desktop com móvil. Pero 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 puede estar ocurriendo?.

Muchas gracias.


<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>

Por vicent86

0 de clabLevel



 

chrome
Citar            
MensajeEscrito el 20 Ene 2021 05:55 pm

Por FDAnieL7

16 de clabLevel



 

chrome

   Página 1 de 1

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.