How can I prevent height/width attributes on images run through the theme system?

Question

My site runs now on Drupal 7.9. On the release notes (4th position) it is reported the following note:

Restored height/width attributes on images run through the theme system

That is exactly what I don't want, because my images get distorted.

How can I prevent height/width attributes on images run through the theme system?

Answer 1

History
In Drupal 6, populating width/height attributes caused a filesystem lookup (bad for back-end performance) for every image. This was fixed in #908282: Remove unnecessary I/O from theme_image() by removing the height/width attributes altogether in Drupal 7.

Images without height/width attributes are bad for front-end performance so work was done in Populate HTML image tags with dimension attributes (like D6 imagefield) without re-introducing I/O to add them back.

Answer
So you really want your images to have width/height but obviously not if they get distorted. The update functions for 7.9 were supposed to fix this, did you run update.php after upgrading to 7.9?

If you ran update.php then this might be a bug.

Answer 2

I resolved this by adding the dimensions with CSS.

Answer 3

You can also try removing all the attributes with:

function hook_preprocess_image(&$variables) {
  foreach (array('width', 'height') as $key) {
    unset($variables[$key]);
  }
}

Answer 4

The best way to do it (just like in Drupal 7) is to use hook_preprocess_HOOK().

In your THEME.theme file (where THEME is the name of your theme), define a function as such:

function THEME_preprocess_image(&$variables) {
  unset($variables['attributes']['width']);
  unset($variables['attributes']['height']);
}

Hope it helps. Happy coding!