WebP/AVIF Conversion Turns Transparent PNGs Black

  • Hey devs, great plugin so far can’t believe how good it is. Only ran into one issue and I don’t think it’s me but it could be. I was hoping you could try to replicate it for me.

    CompressX’s conversion is turning all my transparent PNGs black instead of keeping transparency. Here’s what I tested:

    1. I created and exported a transparent PNG using Photopea.
    2. I uploaded it to WordPress and let CompressX convert it to WebP.
    3. The resulting WebP lost transparency and had a black background.
    4. To troubleshoot, I manually converted the same PNG using Squoosh and CloudConvert—both kept the transparency.
    5. When I manually uploaded the correct WebP to WordPress, it displayed properly, so the issue seems to be with CompressX’s conversion.

    Is there a way to fix this, or could this be addressed in a future update? Thanks for any help and confirmation!

    Here’s my env:


    Web Server nginx/1.18.0
    CompressX version 0.9.25
    WordPress version 6.7.2
    PHP version 8.1.2-1ubuntu2.20
    GD extension The GD extension has been properly installed.
    GD Version 2.3.0
    GD WebP Support true
    GD AVIF Support false
    Imagick extension The imagick extension has been properly installed.
    Imagick Version 1691,
    ImageMagick 6.9.11-60 Q16 x86_64 2021-01-25
    https://imagemagick.orgImagick WebP Support true
    Imagick AVIF Support

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Support nicholas2019

    (@nicholas2019)

    Hello,

    To resolve the issue, there are 2 methods:

    1. Upgrade the Imagick version to 7.0 or higher.

    2. Go to CompressX Settings page, check the option ‘Do not convert PNG images’.

    Feel free to contact us if you need any further help.

    Kind regards.

    Scanning images keeps getting stuck.

    Tip: Task timed out

    • This reply was modified 2 weeks, 6 days ago by feikers.
    Plugin Support nicholas2019

    (@nicholas2019)

    Hello,

    Would you kindly send the debug information (including the logs) to our support email at support(a)wpvivid.com please? We will analyze it thoroughly to identify the issue. Thank you in advance for your cooperation.

    To ensure efficient tracking of your thread, we kindly ask you to include the link to the thread in your email.

    Kind regards.

    Thread Starter imissit

    (@imissit)

    Thank you @nicholas2019!!

    Anybody running into this issue with Ubuntu 22.04:

    So to start, remove php-imagick and ImageMagick

    You’ll be forced to compile from source the latest stable ImageMagick. (make sure you ./configure –with-webp). You can make a mistake here and figure that it configured correctly but grep the log for “checking for WebP… yes”. After install run “magick -version” and check the delegates for webp. If its not there, go back and reconfigure and make it again cause you did something wrong (need to specify webp library I think).

    After you verify ImageMagick is on 7 and its delegates list webp now run

    magick -list format | grep WebP

    If you see WEBP* the asterisk means transparancy is supported.

    Now install php-imagick using PECL:

    sudo apt update
    sudo apt install libmagickwand-dev php-dev php-pear
    sudo pecl install imagick

    Should be good.. probably a lot of hurdles in between but just ask an LLM it should be able to walk you through most of it.

    Plugin Support nicholas2019

    (@nicholas2019)

    Thank you @imissit for your update. Don’t hesitate to let us know if you need help with anything else.

Viewing 5 replies - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.