Importing PNG images with transparency behaves differently in AB than in GC

Something’s not working the way it seems like it should.

When I imported a png file with background transparency in activity builder

I saw a black background

But I expected a transparent background

Here’s the link to the page, dashboard, or activity:

And here are some screenshots or a video:

The image on the left was added while in activity builder, the image on the right is the exact same image, added after exporting the component to the graphing calculator.

At least you have a workaround for the moment!

Right?

I figured I’d still drop this here, because it’s less than convenient.

If you give us a poorly compressed PNG image, it’s probably a full-color image, so we’ll recompress it as a JPEG instead. And JPEG doesn’t support transparency, which means that any transparent pixels become black. We added a fix in the graphing calculator so that if we detect the image contains even a single transparent pixel, we’ll re-compress the image as PNG instead, no matter how bad the original compression is. (Basically, to avoid this exact problem.)

But AB does its own compression and may not have that fix applied yet.

Better explanation here: https://www.reddit.com/r/desmos/comments/fw56wg/how_do_i_upload_a_picture_in_a_desmos_graph_and/fmmtck8/

fun trivia fact: Our threshold for “poorly compressed” is larger than 0.75 bytes per pixel.

Thanks jay - makes total sense.

at 6 bits per pixel, and nominal 24 bit colors, that’s 4:1 compression. Reasonable - and now I can create my images a bit more carefully.