Forum Documentation Showcase Pricing Learn more

PNG Images always display as JPEG unless transparent


#1

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:

  1. Upload PNG to database
  2. Display PNG using image element
  3. 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.


#2

have you tried changing output density?


#3

Does not change anything, why would it?


#4

Worked for me when my images were displaying blurry / not full resolution.


#5

I’m not talking about blurriness or resolution. I’m saying images display as JPEG when they are not supposed to. I’m surprised no one has brought it up before, seems like a pretty big bug.


#6

Seems like you are…


#7

A by-product of the bug, not the bug itself.


#8

This topic was automatically closed after 14 days. New replies are no longer allowed.