So the title pretty much sums it up. I noticed the PNG images I was displaying as a cover image on my site (2000x400) looked much blurrier than the photo stored in my database. I download it and it has turned into a JPEG file.
This happens with or without :processing with imgix. Also happens if you set the file type in the imgix settings to PNG. If your database PNG contains at least 1 transparent pixel it will show as a PNG on the front end. Applying a circle mask with imgix “fixes” this too, as it makes the PNG transparent in the cornes.
How to reproduce:
- Upload PNG to database
- Display PNG using image element
- Go to frontend, download image, downloaded file is JPEG.
This happens to all my images, i reproduced this multiple times. Has anyone else experienced this? Seems like a pretty big deal, as PNG images with text get ugly JPEG artifacts in them.
I’m wondering if someone at @Bubble can comment on this, too.