Nada me funciono de esta clase, cuando intente abrir el archivo nada, la imagen no cambia al cambiar el tamaño del viewport
<!DOCTYPE html>
<html lang="es" dir="ltr">
<head>
<meta charset="utf-8">
<title>Imagenes</title>
</head>
<body>
<img
src="img/img.jpg"
srcset="img/img2.jpg 1.5x,
img/img3.jpg 2x"
>
</body>
</html>
>
Luego con la etiqueta source tampoco funciono nada :3
<!DOCTYPE html>
<html lang="es" dir="ltr">
<head>
<meta charset="utf-8">
<title>Imagenes</title>
</head>
<body>
<!-- <img
src="img/img.jpg"
srcset="img/img2.jpg 1.5x,
img/img3.jpg 2x"
> -->
<picture>
<source srcset="img/img.jpg" media=(min-width: 500px)>
<source srcset="img/img2.jpg" media=(min-width: 800px)>
<img src="img3" alt="imagen">
</picture>
</body>
</html>