Ever had a wonky image ruin your perfect layout? Site images can get stretched or squashed by CSS and responsive containers, producing awkward visuals that slip past automated tests and manual checks alike. To solve this, I built a lightweight, browser-only Playwright helper that compares each image’s intrinsic dimensions with its actual display—accounting for borders and padding—without installing any extra packages. The result is lightning-fast, integrated checks in my regular test suite, so I catch subtle distortions early and keep every image rendering exactly as intended.
