• After updating to the most recent version of Jetpack, Photon no longer serves the @2x image of my header and header background. So they now look blurred on Retina devices. They were pin-sharp until the update. How come? I’m using a StudioPress child theme with Genesis. Nothing has been updated or added other than the Jetpack update.

    As per the Jetpack website:

    Makes the thumbnails Retina / High resolution display ready (by devicepx.js, only with Photon) – up to a point where the original image has a resolution high enough.

    It was working until I updated. Other images are unaffected.

    The code I use for the header and header background is:

    @media only screen and (-webkit-min-device-pixel-ratio : 2),
    only screen and (min-device-pixel-ratio : 2) {
    .header-full-width #header .wrap {
    background-image: url(images/[email protected]);
    -webkit-background-size: 310px 86px;
        }
    }
    
    @media only screen and (-webkit-min-device-pixel-ratio : 2),
    only screen and (min-device-pixel-ratio : 2) {
    #wrap {
    background-image: url(images/[email protected]);
    -webkit-background-size: 440px 66px;
        }
    }

    I can’t show you a URl as the site is not ready for release but, as I say, everything was working until the update, with the header and header background looking pin-sharp on Retina devices. I haven’t changed anything.

    Any help would be awesome.

    Cheers.

    G

  • The topic ‘Jetpack Photon not working for header in 2.3.3’ is closed to new replies.