10-21-2023 13:16
10-21-2023 13:16
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:
Answered! Go to the Best Answer.
10-21-2023 13:43
10-21-2023 13:43
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'
10-21-2023 13:43
10-21-2023 13:43
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'
10-21-2023 15:15 - edited 10-21-2023 15:17
10-21-2023 15:15 - edited 10-21-2023 15:17
`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.
10-21-2023 16:15
10-21-2023 16:15
Great! I'm surprised PNG24 worked!
10-21-2023 23:26