En este artículo, aprenderemos sobre el concepto de imágenes adaptables — imágenes que funcionan bien en dispositivos con una amplia diferencia de tamaño de pantallas, resoluciones y otras tantas características — y observar qué herramientas proporciona HTML para ayudar a implementarlas. Esto ayuda a mejorar el rendimiento en diferentes dispositivos.
Las imágenes adaptables son solo una parte del diseño web responsivo, un tema que aprenderás próximamente en nuestro tutorial de CSS.
| Prerrequisitos: | Deberías tener un conocimiento básico de HTML y cómo agregar imágenes estáticas a un sitio web. |
|---|---|
| Objetivo: | Aprende a usar características como srcset y el elemento <picture> para implementar soluciones de imágenes adaptables a sitios web. |