不支持当前格式时添加后备图片

Question

我用新的WebP图像格式构建了一个登录页面，该格式大大减小了图像尺寸。就像这样：

#intro {
  background-image: url("/assets/images/intro-lg.webp");
}

问题始于不支持这种格式的浏览器（例如IE）。

当然，我可以在.png之后添加与.webp相同的图像，如下所示：

#intro {
  background-image: url("/assets/images/intro-lg.webp"), url("/assets/images/intro-lg.png");
}

但是然后就失去了意义，因为现代浏览器会加载这两个图像。