Add image dimensions to smiley img element

[niallkennedy]

All smileys are 15x15. Add dimensions to the img element to avoid a double paint by web browsers during page load.

img width and height for smileys

Why would this be useful, again?

Can't you set the width through CSS?

Since the smiley URL passes through a filter, a theme can implement their own, and those may not be 15 x 15.

By specifying image dimensions in HTML, you prevent the browser from reflowing and repainting once the images are loaded.

For reference, here's a quick write-up on it from Page Speed:
​http://code.google.com/speed/page-speed/docs/rendering.html#SpecifyImageDimensions

Future for now.

There's a filter on the smiley src URL. Can't say we will be able to do this.

Could we add a filter for the image dimensions?

$dims = apply_filters( 'smiley_dimensions', array( 15, 15 ) );
return " <img src='$srcurl' alt='$smiley_masked' class='wp-smiley' width='{$dims[0]}' height='{$dims[1]}' /> ";