Srcset Validator

Deze tool analyseert een gegeven srcset en een optionele sizes-attribuut om te controleren of kandidaat-afbeeldingen correct zijn gedeclareerd en of de browser geschikte assets kan kiezen voor verschillende viewport-breedtes en DPR's. Het is bedoeld voor webontwikkelaars, performance engineers en SEO-specialisten die responsieve beelden implementeren en op voorspelbare asset-delivery vertrouwen. De validator werkt als statische analyse, geen live fetch, en legt de nadruk op juistheid, dekking en compatibiliteit met de HTML5-specificatie.
In concept tokenizeert de tool het srcset in kandidaten en leest descriptors (w voor width of x voor density). Het berekent haalbare doelbreedtes door de viewport-breedte te combineren met DPR en controleert op ontbrekende descriptors, foute URLs, duplicaten of kandidaten die in normale weergavescenarios nooit gekozen zouden worden. Het proces resulteert in een gestructureerd rapport dat hiaten markeert en een minimale, robuuste subset van bronnen aanbeveelt om te implementeren.
Uitvoer omvat een geldigheidsvlag, een lijst met issues met onderliggende redenen, en voorgestelde vervangingen of toevoegingen. De tool kan in CI worden gebruikt om correctheid vóór samenvoegen af te dwingen, of tijdens audits om assets-strategie te informeren. Door te focussen op juistheid en dekking in plaats van prestatiecijfers helpt het teams om onderprestatieve afbeeldingen of verspilde bandbreedte te voorkomen terwijl toegankelijkheid en SEO-prestaties worden verbeterd.