PHP有条件地提供Retina显示的不同图像

Question

我找到各种答案，使用javascript之类的东西在整个网站上创建Retina图像，但这不是我在这里之后的事情。这是一个小背景：

我已经创建了一个WordPress主题，并为常规尺寸的徽标添加了图像上传，还有一个用于Retina显示的图像（我为favicon做了同样的事情）。

但是我还在学习PHP，并且有时间试图找出如何编写条件语句，为非Retina显示器提供X图像，为Retina显示器提供Y图像（@ X2）或X图像如果没有为Y上传。

如果它有用，我会使用OptionTree插件在我的主题中创建各种选项，我的2张图片的ID是“logo-regular”和“logo-retina”。

这就是我现在的Header文件中的徽标。显然它只加载常规徽标：

if ( ! function_exists( 'ot_get_pixie_option' ) ) {
/* get the logo */
$logo = ot_get_option( 'logo-regular', array() );

if ( ! empty( $logo ) ) {
echo '<a href="' . get_home_url() . '"><img src="' . $logo . '" alt="' . get_bloginfo('name') . '" /></a>';
}
};

Answer 1

我通过使用SVG图像来解决这个问题。通过这种方式，它们可以达到所有浏览器的最高分辨率（至少这是我目前的理论）。