html - 新的 Google Play 徽章尺寸不合适

Question

今天我意识到“在 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 图标对齐。谷歌图标现在约为 37 像素，而 App Store 图标的高度与我设置的一样，为 45 像素。

看起来白色边框周围的填充是“硬编码”到图片中的。检查我所附图片的尺寸。

为什么 Google 必须再次更改所有内容？另外，为什么它不能像以前那样工作？我真的需要把它放在 55 像素的高度才能让它看起来像 45 像素吗？对我来说，这听起来像是糟糕的代码。

编辑:忘记图片了

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>