srcset
Un atributo HTML de img para especificar múltiples candidatos de imagen, permitiendo que los navegadores seleccionen automáticamente la imagen óptima según las condiciones del dispositivo.
El atributo srcset en elementos <img> lista candidatos de imagen en diferentes tamaños o resoluciones, separados por comas. El navegador selecciona y descarga automáticamente el candidato óptimo según la relación de píxeles del dispositivo y el ancho del viewport.
Existen dos tipos de descriptores. Los descriptores de ancho (w) especifican el ancho real en píxeles de la imagen, usados con el atributo sizes. Los descriptores de densidad de píxeles (x) especifican multiplicadores Retina como 1x, 2x, 3x.
Ejemplo: <img srcset="photo-320w.jpg 320w, photo-640w.jpg 640w, photo-1280w.jpg 1280w" sizes="(max-width: 600px) 100vw, 50vw" src="photo-640w.jpg">
srcset es fundamental para la implementación de imágenes responsivas. La herramienta de redimensionado por lotes genera múltiples tamaños para la enumeración srcset, entregando imágenes con la resolución óptima por dispositivo.