Srcset Validator

Questo strumento analizza un srcset fornito e un sizes opzionale per verificare che le candidate immagini siano dichiarate correttamente e che il browser possa selezionare risorse appropriate per diverse larghezze di viewport e DPR. È destinato a sviluppatori web, ingegneri delle prestazioni e specialisti SEO che implementano immagini responsive e si affidano a una consegna degli asset prevedibile. Il validatore opera come analisi statica, non fetch live, ed enfatizza accuratezza, copertura e compatibilità con lo standard HTML5.
Concettualmente lo strumento tokenizza lo srcset in candidati e legge descrittori (w per larghezza o x per densità). Calcola larghezze obiettivo realistiche combinando la larghezza della finestra con il DPR e controlla descrittori mancanti, URL malformati, duplicati o candidati che non verrebbero mai scelti in scenari tipici. Il processo restituisce un rapporto strutturato che evidenzia lacune e raccomanda un sottoinsieme minimo e robusto di fonti da distribuire.
Le uscite includono una flag di validità, un elenco di problemi con la motivazione e sostituzioni o aggiunte consigliate. Lo strumento può essere usato in CI per imporre la correttezza prima del merge o durante audit per guidare la strategia degli asset. Concentrandosi su correttezza e copertura anziché metriche di performance, aiuta i team a evitare immagini poco deliverate o banda larga sprecata, migliorando l'accessibilità e le prestazioni SEO.