Discover the true dimensions of every image on any webpage. This tool reveals both the original file size and the actual rendered size, helping you identify optimization opportunities.
Every image has two sets of dimensions that matter for web performance:
The original pixel dimensions of the image file as it exists on the server. A photo saved at 4000x3000 has natural dimensions of 4000x3000, regardless of how it's displayed.
The actual size the image takes up on the page, determined by CSS, HTML attributes, and the viewport. That same 4000x3000 photo might render at just 400x300.
Performance tip: When natural dimensions are significantly larger than rendered dimensions, the browser downloads far more data than needed. A 4000px image displayed at 400px wastes roughly 99% of the pixels transferred.
Natural dimensions much larger than rendered — wasting bandwidth and slowing load times.
Natural dimensions smaller than rendered — causing blurry, pixelated images on screen.
No width/height attributes causing layout shift (CLS) as images load.