Srcset es un atributo HTML que indica distintas fuentes de imagen para distintos tamaños y resoluciones de pantalla, para que las webs muestren las imágenes de forma responsive. Permite al navegador elegir la mejor imagen según las características del dispositivo del usuario, como el tamaño o la resolución de la pantalla. Es especialmente útil para que las imágenes se vean nítidas y carguen rápido en dispositivos con pantallas de todos los tamaños, desde móviles pequeños hasta grandes monitores.
Por ejemplo, con el atributo srcset puedes ofrecer varios archivos de imagen para distintos anchos de pantalla o densidades de píxeles, y el navegador elegirá automáticamente el más adecuado. Así se reduce el tiempo de carga en los móviles y se muestran imágenes de alta resolución en las pantallas de alta densidad.