Support » Plugin: Image optimization & Lazy Load by Optimole » Animated PNG support

  • Resolved finomeno

    (@finomeno)


    When optimising animated PNG files any animation is lost so they become static.

    In this particular case image quality is paramount, so using GIFs (which Optimole converts into videos) is not an option. I had to exclude animated PNGs from optimisation (using a key word in the file names), which defies the purpose really since these are the heaviest pictures on my client’s site.

    Do you have any plans of supporting animated PNGs by converting them into animated WEBPs or videos? Or maybe there’s some sort of tweak I could implement now?

    Thank you!

    PS
    On a side note, when I tried using GIFs on this site, they would turn to videos with the relevant markup changes and display just fine on first load, but then the videos would simply stop displaying, and even loading the video URLs in a separate tab/window would show an empty space, and I couldn’t make them reappear.

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Support Bogdan Preda

    (@bogdanpreda)

    Hello,

    For now there is no support for animated PNG files, this might change in the future but I can not say for sure.

    However with regards to the GIF issue, can you provide us with a converted video tag so we can see what the issue might be.

    Or you can contact us directly on https://optimole/#contact and share there.

    Thank you!

    finomeno

    (@finomeno)

    Thanks for the swift reply. Pity about the APNG support. I was hoping you guys used ffmpeg in the backend for conversion.

    Here’s the markup injected by Optimole instead of the <img> tag with the GIF:

    
    <video autoplay="" muted="" loop="" playsinline="" poster="https://ml36uokvajfm.i.optimole.com/WpAG6B4.ohP0~11fb/w:auto/h:auto/q:eco/https://slimbyapriori.global/media/uploads/2020/04/slim-black-gold-cw.gif" original-src="https://ml36uokvajfm.i.optimole.com/WpAG6B4.ohP0~11fb/w:auto/h:auto/q:85/https://slimbyapriori.global/media/uploads/2020/04/slim-black-gold-cw.gif" class="vc_single_image-img attachment-full wp-post-image" alt="SLIM by Apriori black & gold disposable toothbrush" title="SLIM by Apriori" width="1024" height="1024"><source src="https://ml36uokvajfm.i.optimole.com/WpAG6B4.ohP0~11fb/w:auto/h:auto/q:85/f:mp4/https://slimbyapriori.global/media/uploads/2020/04/slim-black-gold-cw.gif" type="video/mp4"></video>
    

    So when I first add the GIF to a page and save the page, the video appears on the page replacing the GIF just fine. Trying to load the source URL from the above markup on its own also shows the video.

    Then I load the page up from a different window, where I’m not logged in into WP, and I get a blank square instead of the video. The <video> tag remains unchanged.

    Then I reload the page in the original logged in window, and the video is gone, showing the blank square instead, with the <video> tag unchanged. And loading up the source URL on its own now doesn’t show the video either…

    Hope this makes sense.

    • This reply was modified 9 months ago by finomeno.
    • This reply was modified 9 months ago by finomeno. Reason: code formatting
    Plugin Support Bogdan Preda

    (@bogdanpreda)

    Hello,

    We do use ffmpeg for conversions however we do not process APNG we treat it as a static for now.

    Secondly can you contact us via https://optimole.com/#contact as I see the GIf’s you have provided were not processed. You could also try to clear the cache from Optimole to force them to process again. The generated tag looks ok, however it redirects back as it is unable to process that and I think that causes some issues.

    Let us know, thank yoU!

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Animated PNG support’ is closed to new replies.