WordPress — PHP Условно обслуживать другое изображение, если Retina Display

Я нахожу различные ответы, которые используют такие вещи, как javascript для создания изображений Retina по всему сайту, но это не то, что мне нужно здесь. Вот небольшой фон:

Я создал тему WordPress и добавил загрузку изображений как для логотипа обычного размера, так и для логотипа Retina (я сделал то же самое для favicon).

Но я все еще изучаю PHP и пытаюсь выяснить, как написать условный оператор, который будет отображать X-образ для дисплеев без Retina, Y-образ для дисплеев Retina (@ X2) или X-образ, если ни один из них не имеет был загружен для Y.

Если это вообще полезно, я использую плагин OptionTree для создания различных опций в моей теме, а идентификаторы для моих 2-х изображений — «logo-регулярно» и «logo-retina».

Это то, что я сейчас имею в своем заголовочном файле для логотипа. Очевидно, он загружает только обычный логотип:

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>';
}
};