Find Distorted Images

By Thomas Rosenau — Last update Dec 18, 2008 — Installed 50 times. Daily Installs: 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0
Script Summary:
Draws borders around images that have "wrong" sizing parameters
Recently Updated TopicsPosts
Configuration2

this script has 1 topic, 2 posts

This script has no reviews.

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
Discuss this script