Sizer Soze

What is the cost of your non-responsive images?

Enter the URL you want to check

...and define your breakpoints

Breakpoint

Remove Breakpoint

Breakpoint

Remove Breakpoint
Add Breakpoint

Grab a link

Enter the URL of an image-heavy page on your responsive website, one you work on, or any responsive website that uses the same img sources for all contexts.

Enter breakpoints

Experiment with a few breakpoints where you might swap in an image source more appropriately sized for the available viewport.

Check your results

See how much data you could be saving by using a responsive images solution like Picturefill. Chris Coyier has a guide to choosing the best solution for your project.