Почему не-Retina Mac загружает 2x версию элемента изображения?

Question

Я использую picturefill 2.0 и элемент изображения с некоторыми динамическими URL.

<picture alt="<?php the_title(); ?>" title="<?php the_title(); ?>">
    <source srcset="<?php echo $tablet; ?>, <?php echo $tablet; ?> 2x" media="(max-width: 950px)">
    <source srcset="<?php echo $laptop; ?>, <?php echo $laptop; ?> 2x" media="(max-width: 1440px)">
    <img srcset="<?php echo $desktop; ?>, <?php echo $desktop; ?> 2x">
</picture>

Я создал изображение, которое в два раза больше, и использовал его, если обнаружил изображение сетчатки через cookie.

Если сетчатка не обнаружена, то эти переменные являются просто изображениями нормального размера.

У меня проблема в том, что не-сетчатки Mac загружают <?php echo $desktop; ?> 2x изображение из элемента изображения.

Если я уберу опцию 2x из элемента изображения, изображения будут загружены нормально.

Разве это изображение не должно загружаться только устройствами с дисплеями Retina?

Answer 1

Не выводите одно и то же изображение как 1x и 2x в зависимости от того, что вы обнаружили. Вам не нужно ничего обнаруживать. Просто выведите изображение 1x как 1x, а изображение 2x - как 2x. Браузер может загрузить любое изображение в srcset как считает нужным.