Image scaling in web browsers (or at least Google Chrome) still has a bug where the bottom edge can appear clipped if important pixels are right up against the edge of the image. Even worse: if you use image sprites for your site, pixels from one portion of the sprite can bleed over into another when scaled.
Thankfully, this is really only an issue for logos, icons, and other illustrations. Photos don't generally have such sharp details right at the edge where it noticeably affects things.
The easiest fix for this is to add a 1px border around all of the logos and icons on your site. It's a pain in the ass, but it's the easiest way to deal with this.
Comments