新版Google Play徽章的尺寸不合适

Question

今天我意识到"Get it on Google Play"徽章(https://developer.android.com/images/brand/en_generic_rgb_wo_45.png)的旧链接不再有效(Android开发者,更新您的网站!)我在这里检查了新版本:https://play.google.com/intl/en_us/badges/

我相应地改变了我的代码

   . . . src="https://play.google.com/intl/en_us/badges/images/generic/en-play-badge-border.png" height="45" />

但是,它现在不再与App Store图标对齐.谷歌图标现在大约是37px,而App Store图标就像我设置的那样,高度为45px.

看起来白色边框周围的填充物被"硬编码"到图片中.检查我附加的图片的尺寸.

为什么Google必须再次改变一切？另外,为什么它不能像以前一样工作？我是否真的需要将它放在55px高度以使其看起来像 45px？这听起来像是糟糕的代码.

编辑:忘了图片

Answer 1

注意：自从编写此答案以来，图像已被 Google 更改，因此它不再是复制/粘贴解决方案。

如果您使用不包含边框的正确源图像，则可以轻松地使用正确的高度来正确设置其样式：

body {
  background:black;
}
img {
  border:1px solid white;
  border-radius:6px;
  box-sizing:border-box;
  height:45px;
}
span {
  background:#888;
  display:inline-block;
  height:45px;
  vertical-align:top;
}

<img src="https://play.google.com/intl/en_us/badges/images/generic/en-play-badge.png">
<span>Reference block of 45px high</span>