Responsive Image Checker

Check if all of your page's images are appropriately sized for your user's viewport.

What is Responsive Image Checker?

Free tool to check that the images on your website are the right size for the viewport. Images served on your website shouldn't be bigger than the version displayed to the user. When an image is served that is too large for the user's viewport, it must be scaled down, which wastes bandwidth and slows down page loads.

How to Create Responsive images?

We can make use of <img srcset> attributes to supply the browser with a number of extra source pictures along with suggestions that will assist the browser in selecting the appropriate one.

Example: Use <img srcset> to define responsive images.

<img srcset="example-320w.jpg, example-480w.jpg 1.5x" src="image-src.jpg" alt="Example responsive image">