• Resolved pbpiotr

    (@pbpiotr)


    Hello,

    I add to wordpress logic Customize > Custom css code:

    .bgimg-1-miedzynarodowa {
        background-image: url("https://www.ladtransport.com/wp-content/uploads/2019/11/tloparallaxwebp_1.jpg");
        min-height: 500px;
        position: relative;
        background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
    
    .caption-miedzynarodowa {
        position: absolute;
        left: 0;
        top: 45%;
        width: 100%;
        text-align: center;
        color: #000;
    }
    
    .caption-miedzynarodowa h1.border-miedzynarodowa {
        background-color: #f5ae3d;
        color: #fff;
        padding: 18px;
        font-size: 32px;
        letter-spacing: 2px;
        text-transform: uppercase;
        display: inline;
        font-weight: 700;
    }

    And the webp image not served but in this site: https://www.mkconcrete.pl i add this same code background-image in wordpress custom css and the image replaced webp. Why in this first site image not replaced webp?

    Report details are:

    Report number: RCZUWKZB
    Report date: 01/13/2020 11:21:57

    Best regards

    • This topic was modified 6 years, 4 months ago by pbpiotr.

    The page I need help with: [log in to see the link]

Viewing 8 replies - 1 through 8 (of 8 total)
  • Hi @pbpiotr, the image (tloparallaxwebp_1.jpg) does not get a WEBP version, please check on media library to see does it optimized of just missing the WEBP version.

    Thread Starter pbpiotr

    (@pbpiotr)

    Hi @stanleylitespeed
    Thank you for your response.
    This image jpg is have a webp version.

    Screen: https://i.ibb.co/KKPrwMY/webpthisimage.png

    Best regards

    Thread Starter pbpiotr

    (@pbpiotr)

    I did many tests. I only added:

    <img src="https://www.ladtransport.com/wp-content/uploads/2020/01/tloparallaxkrajowa.jpg">

    and this image jpg also has not changed to the webp format 🙁

    On the media library, you can see the WEBP % chart is dimmed (grey-out), that’s mean the main file for that does not be compressed.

    It might because the original image is small enough and cannot do anymore compression, or there’s a server error.

    In your case, the tloparallaxkrajowa.png is already compressed in jpg format, so our server does not return a WEBP version.

    Thread Starter pbpiotr

    (@pbpiotr)

    How to set all photos to be served webp format? 🙁

    If the image already fully compressed our server will not send back a WEBP format.

    Also, if the image is already compressed, serving WEBP or JPG version will not affecting the score on PageSpeed or GTMatrix, so it’s fine to use a JPG version. Do you have any concern that must serve WEBP version?

    Thread Starter pbpiotr

    (@pbpiotr)

    I would like serve all media webp format for support browser, because the Google Page Speed Insight prefer webp format. You have a great plug and it’s a shame that this feature is missing.

    Maybe unless the jpg version does not affect Google? I am sorry if I am wrong.

    Best regards

    If the image already optimized, it will not affect the pagespeed score, you can check on this report, no optimize image warning is showing.

Viewing 8 replies - 1 through 8 (of 8 total)

The topic ‘background-image not replaced webp format’ is closed to new replies.