Find Distorted Images

By Thomas Rosenau Last update Dec 18, 2008 — Installed 85 times.


Script Summary: Draws borders around images that have "wrong" sizing parameters

This is a little helper for web developers.

It draws a yellow border around images that have no width and/or height attributes (or CSS properties, respectively).
Image dimensions that enforce client side scaling result in a red border.

Images with one of these issues are given a mouseover-tooltip with a short report.

Right-click images with red borders to set their original size.

Screenshots

red border   yellow border
green border (after right-click)


New in Version 2:

  • Form element detection
  • Right-click funtionality
  • Borders for images that can't be loaded