image_filter resize is not working correctly with some PNG files.(nginx is changing background color)

[walidlaggoune159@…]

Hello, this is my configuration for image resizing

location ~ (?<width>\d+)\/storage\/(?<folder>.+)\/(?<image>.+)$ {
    alias /var/www/html/web/storage/app/public/$folder/$image;
    image_filter resize $width $width;
    image_filter_jpeg_quality 80;
    image_filter_buffer 20M;
}

---

before resize :

After resize:

[Roman Arutyunyan]

Just tried this with this image and everything seems to be ok, the background is just fine. Try updating libgd. Mine is: gd2 @2.3.3_2.

[walidlaggoune159@…]

Replying to Roman Arutyunyan:

Just tried this with this image and everything seems to be ok, the background is just fine. Try updating libgd. Mine is: gd2 @2.3.3_2.

How i can check my libgd version ? (i am using nginx image with docker)

[walidlaggoune159@…]

Replying to Roman Arutyunyan:

Just tried this with this image and everything seems to be ok, the background is just fine. Try updating libgd. Mine is: gd2 @2.3.3_2.

Finaly it worked (no yellow background), with nginx:1.23.3-alpine (before it was nginx:1.23.3).

but another bug appears :
original image : ​https://ibb.co/Br6rRqS
after resize : ​https://ibb.co/xgVhY6Q

[Maxim Dounin]

It looks like starting with libgd 2.2.3, specifically ​this change, it is no longer possible to reset transparency with gdImageColorTransparent(-1). In particular, the corresponding color is still marked as transparent in the palette.

In libgd 2.3.1 there was an ​attempt to fix associated bugs, yet incomplete: the palette color is still marked as transparent after calling gdImageColorTransparent(-1).

Since nginx removes single-color transparency when resizing images (and restores it after resizing), the above behaviour breaks transparency in images using indexed colors with libgd from 2.2.3 to 2.3.0. Starting with libgd 2.3.1 things mostly work, though the mentioned issue might result in other bugs. Does not look like an nginx issue though.

As for the image from comment:3, it seems to be unrelated to the original issue as initially reported, and works identically in all libgd versions I've tested. The root cause is that the image is using black color both as a transparent color and a non-transparent color. That is, the image palette contains both rgba(0, 0, 0, 0) and rgba(0, 0, 0, 127). Since these colors are indistinguishable after removing transparency, both become transparent after resizing.

One possible solution would be to resize such images as truecolor (with proper alpha channel) and convert them back to indexed colors later, similarly to how we do with image_filter_transparency off;. Not sure it's a good solution though.

[maxim]

Ticket retargeted after milestone closed