Image css图像下方的空白

我有一个项目来解决客户的图像问题，这个项目已经困扰了我好几天了。该网站是。首页上显示的一些小图标在图像下方显示空白

我试过下面的方法

 img{

    }

  display:block;
  vertical-align:bottom;
  vertical-align:top;
  vertical-align:middle;
  vertical-align:sub;
  font-size:0px;
  display:inline;
  line-height:0px;

还有更多

唯一有效的办法是，如果我将图像高度设置为130%，但这个问题在整个网站的多个页面上反复出现，这是绝对不可能的

我研究过的另一个解决方案是在php中调整图像大小或使用javscript等，但这只有在启用了javascript并且解决方案太复杂的情况下才有效

---

请在firebug中试用，并告诉我出了什么问题。Thanx并欣赏每一个输入

当你说空白时，你是指一些图像下面的灰色吗？问题是，您试图将不同形状的图像放入一个统一形状的框中。在将它们显示在首页之前，您肯定需要在后端调整这些图像的大小。调整大小并裁剪。谢谢克里斯。我认为，如果你刷新，你会看到一些图像的空白约为2-3倍，有些图像的空白更大。看起来这就是我要做的，调整大小和裁剪。我想通过一个快速的css修复来临时调整图像。谢谢。反正看起来也不太好。使用GD或imagemagick将其缩放并裁剪到适当的大小。它还将削减该页面所需的带宽。