Srcset Validator

Esta herramienta analiza un srcset dado y un atributo sizes opcional para verificar que las imágenes candidatas estén declaradas correctamente y que el navegador pueda seleccionar activos adecuados para diferentes anchos de ventana y DPR. Está dirigida a desarrolladores web, ingenieros de rendimiento y especialistas en SEO que implementan imágenes receptivas y dependen de una entrega de activos predecible. El validador funciona como un análisis estático, no realiza fetch en vivo y enfatiza la corrección, la cobertura y la compatibilidad con la especificación HTML5.
Conceptualmente, la herramienta tokeniza el srcset en candidatos y lee descriptores (w para ancho o x para densidad). Calcula anchos objetivo factibles al combinar el ancho de la ventana con el DPR y verifica descriptores faltantes, URLs mal formadas, duplicados o candidatos que nunca se elegirían en escenarios de visualización típicos. El proceso genera un informe estructurado que destaca brechas y recomienda un subconjunto mínimo y robusto de fuentes para implementar.
Las salidas incluyen una bandera de validez, una lista de problemas con su justificación y reemplazos o adiciones sugeridas. La herramienta puede usarse en CI para hacer cumplir la corrección antes de fusionar, o durante auditorías para orientar la estrategia de assets. Al centrarse en la corrección y la cobertura en lugar de métricas de rendimiento, ayuda a los equipos a evitar imágenes insuficientes o ancho de banda desperdiciado, al tiempo que mejora la accesibilidad y el SEO.