Color display differs between simulator and actual machine(For png images)

[tama123]

Hello.
I tried creating a Clock Face for Fitbit Sense2. I used a png image as the background.
The image in the simulator was beautiful.
However, in Sense2, it was displayed as if it were an image with reduced colors.
(note: There was no problem with JPG.)

I heard on this forum that PNG is appropriate for images. Do you know why this happened?

I'm using Google Translate, so the text may be strange.
Thank you.
png:

jpg:

[Gondwana · Accepted solution]

This is probably happening because the colour depth of the physical watch screen is less than that of your computer.

In your SVG/CSS, you could try rendering-hint='image-dither'

[tama123]

`rendering-hint='image-dither'` didn't change the problem much.
But as you pointed out, I focused on color depth.
This file's "bit depth" was displayed as "32" in the properties(in windows), so it seems to be in "PNG32" format.
When I downloaded "Irfanview" and saved it as "PNG24", the problem was resolved.
(The colors still look a little different, but I understand this is a display limitation.)

Thank you for your accurate advice.

[Gondwana]

Great! I'm surprised PNG24 worked!

[Guy_]

@tama123 - images are converted to TXI format for use on the watch. Depending on the source characteristics it may get converted differently or appear differently depending also on the dpi of the display used.

In the simulator you can make a screenshot.