Srcset Validator

Esta ferramenta analisa um srcset informado e um atributo sizes opcional para verificar se as imagens candidatas estão declaradas corretamente e se o navegador pode selecionar ativos apropriados para diferentes larguras de viewport e DPR. Destinado a desenvolvedores web, engenheiros de desempenho e especialistas em SEO que implementam imagens responsivas e dependem de uma entrega de ativos previsível. O validador opera como uma análise estática, não faz fetch de imagens, e enfatiza correção, cobertura e compatibilidade com o padrão HTML5.
Conceitualmente, a ferramenta tokeniza o srcset em candidatos e lê descritores (w para largura ou x para densidade). Calcula larguras-alvo viáveis ao combinar a largura da janela com o DPR e verifica descritores ausentes, URLs malformadas, duplicatas ou candidatos que nunca seriam escolhidos em cenários de visualização típicos. O processo gera um relatório estruturado que destaca lacunas e recomenda um subconjunto mínimo e robusto de fontes para implementação.
As saídas incluem uma flag de validade, uma lista de problemas com justificativas e substituições ou adições sugeridas. A ferramenta pode ser usada em CI para assegurar correção antes de merge ou durante auditorias para orientar a estratégia de assets. Ao se concentrar em correção e cobertura em vez de métricas de desempenho, ajuda equipes a evitar imagens subutilizadas ou largura de banda desperdiçada, ao mesmo tempo em que melhora a acessibilidade e o SEO.