sizes="auto" Polyfill Test

Detecting browser support...

Test Cases

This page tests various configurations of images with sizes="auto" and loading="lazy".

Basic Test

Test image with sizes=auto
...
loading="lazy" sizes="auto" Current size: calculating... Current src: waiting...

With Default Size

Test image with sizes=auto and fallback
...
loading="lazy" sizes="auto, (min-width: 1000px) 800px, 100vw" Current size: calculating... Current src: waiting...

Without Lazy Loading

Test image with sizes=auto but no lazy loading
...
sizes="auto" No loading="lazy" Current size: calculating... Current src: waiting...

Regular Lazy Loading

Test image with lazy loading but no auto sizes
...
loading="lazy" sizes="100vw" Current size: calculating... Current src: waiting...

Resizable Test

Resizable test image
...
loading="lazy" sizes="auto" Resizable container Current size: calculating... Current src: waiting...

Post-FCP Image

loading="lazy" sizes="auto" Added after FCP Current size: calculating... Current src: waiting...